feat: add logo

Leopoldthecoder · Jun 30, 2019 · 7e9bb05 · 7e9bb05
1 parent a0cf396
commit 7e9bb05
Show file tree

Hide file tree

Showing 14 changed files with 12 additions and 38 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icons/128.png b/public/icons/128.png
diff --git a/public/icons/16.png b/public/icons/16.png
diff --git a/public/icons/19.png b/public/icons/19.png
diff --git a/public/icons/32.png b/public/icons/32.png
diff --git a/public/icons/38.png b/public/icons/38.png
diff --git a/public/icons/48.png b/public/icons/48.png
diff --git a/public/icons/724.png b/public/icons/724.png
diff --git a/public/index.html b/public/index.html
diff --git a/src/background.js b/src/background.js
diff --git a/src/manifest.json b/src/manifest.json
@@ -13,12 +13,6 @@
     "activeTab",
     "tabs"
   ],
-  "background": {
-      "scripts": [
-        "background.js"
-      ],
-      "persistent": false
-    },
   "content_scripts":[{
     "matches":[
       "<all_urls>"
@@ -29,8 +23,11 @@
     "default_popup": "popup/popup.html",
     "default_title": "__MSG_extName__",
     "default_icon": {
-      "19": "icons/19.png",
-      "38": "icons/38.png"
+      "16": "icons/16.png",
+      "32": "icons/32.png",
+      "48": "icons/48.png",
+      "128": "icons/128.png",
+      "724": "icons/724.png"
     }
   }
 }
diff --git a/src/popup/router/pages/Index.vue b/src/popup/router/pages/Index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="main">
-    <h1>{{ titleText }}</h1>
+    <img src="./logo.png" alt="logo" />
     <v-btn color="primary" @click.native="onFormatClick">{{
       formatText
     }}</v-btn>
@@ -31,9 +31,6 @@ export default {
 
   computed: {
     ...mapState(["options"]),
-    titleText() {
-      return chrome.i18n.getMessage("extName");
-    },
 
     formatText() {
       return chrome.i18n.getMessage("format");
@@ -97,6 +94,11 @@ text-color=#fcf9ec
     color text-color
     margin 20px 0 50px
 
+  img
+    height 100px
+    filter drop-shadow(0 0 30px #12d3cf)
+    margin 100px 0
+
   button.v-btn
     color text-color
     width 200px

diff --git a/src/popup/router/pages/logo.png b/src/popup/router/pages/logo.png
diff --git a/vue.config.js b/vue.config.js
@@ -9,17 +9,14 @@ module.exports = {
     browserExtension: {
       registry: undefined,
       components: {
-        background: true,
+        background: false,
         contentScripts: true,
         popup: true
       },
       api: "chrome",
       usePolyfill: false,
       autoImportPolyfill: false,
       componentOptions: {
-        background: {
-          entry: "src/background.js"
-        },
         contentScripts: {
           entries: {
             content: "src/content_scripts/index.js"