chore: ad

public/index.html

@@ -15,60 +15,56 @@
   </body>
 
 </html>
+
 <style>
   #carbonads {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
-  Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-#carbonads {
     display: flex;
-  max-width: 250px;
+    max-width: 280px;
     background-color: hsl(0, 0%, 98%);
     box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
     z-index: 2;
     position: fixed;
     right: 0;
     bottom: 0;
-}
+  }
 
-#carbonads a {
+  #carbonads a {
     color: inherit;
     text-decoration: none;
-}
+  }
 
-#carbonads a:hover {
+  #carbonads a:hover {
     color: inherit;
-}
+  }
 
-#carbonads span {
+  #carbonads span {
     position: relative;
     display: block;
     overflow: hidden;
-}
+  }
 
-#carbonads .carbon-wrap {
+  #carbonads .carbon-wrap {
     display: flex;
-}
+  }
 
-.carbon-img {
+  .carbon-img {
     display: block;
     margin: 0;
     line-height: 1;
-}
+  }
 
-.carbon-img img {
+  .carbon-img img {
     display: block;
-}
+  }
 
-.carbon-text {
+  .carbon-text {
     font-size: 13px;
     padding: 10px;
-  line-height: 1.5;
+    line-height: 1.4;
     text-align: left;
-}
+  }
 
-.carbon-poweredby {
+  .carbon-poweredby {
     display: block;
     padding: 8px 10px;
     background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
@@ -78,5 +74,5 @@
     font-weight: 600;
     font-size: 9px;
     line-height: 1;
-}
+  }
-</style>
+  </style>

src/App.vue

@@ -10,9 +10,11 @@ export default {
   watch: {
     '$route.path': {
       handler: function() {
+        if (document.getElementById('carbonads')) {
           window._carbonads && window._carbonads.refresh()
         }
       }
     }
+  }
 }
 </script>