v0.1.0-alpha

koiyakiya · Jul 23, 2024 · b9f29f0 · b9f29f0
1 parent 93312d2
commit b9f29f0
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,7 +29,7 @@
     "test": "exit 0"
   },
   "name": "vite-coffee",
-  "version": "0.0.9-alpha",
+  "version": "0.1.0-alpha",
   "type": "module",
   "dependencies": {
     "vue": "^3.4.33"

diff --git a/src/components/Kofi.vue b/src/components/Kofi.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="kofi-button-wrapper">
       <a :href="kofiURL" target="_blank" class="kofi-button" :style="style" @mouseover="hover = true" @mouseleave="hover = false">
-        <img class="kofi-icon" src="../assets/kofilogo.png" />
+        <img class="kofi-icon" src="../assets/kofilogo.png" :style="imgStyle"/>
         <span class="kofi-text">Support me on Ko-fi</span>
       </a>
     </div>
@@ -28,15 +28,25 @@
           return {
             backgroundColor: this.hover ? '#29ABE0' : '#1A8ABE',
             color: '#fff',
-            padding: '10px 20px',
-            borderRadius: '5px',
+            padding: '10px',
+            borderRadius: '10px',
+            gap: '5px',
             display: 'flex',
+            width: '175px',
+            height: '20px',
             alignItems: 'center',
             justifyContent: 'center',
             textDecoration: 'none',
             cursor: 'pointer',
           }
         },
+        imgStyle() {
+          return {
+            width: '35px',
+            marginLeft: '-10px',
+            marginRight: '-5px',
+          }
+        }
     },
   });
 </script>