fix: fix uptime bars not working

Author: Kahnix

src/pages/index.vue

@@ -85,15 +85,15 @@ function handleKeyPress(event: KeyboardEvent) {
       <div class="flex flex-wrap justify-center gap-8">
         <a href="https://playonvector.com/" class="flex bg-vector-green rounded px-6 py-2 gap-2">
           <Icon icon="akar-icons:globe" class="text-2xl text-primary" />
-          <p>Website</p>
+          <p class="text-white">Website</p>
         </a>
         <a href="https://x.com/playonvector/" class="flex bg-vector-green rounded px-6 py-2 gap-2">
           <Icon icon="akar-icons:x-fill" class="text-2xl text-primary" />
-          <p>Twitter</p>
+          <p class="text-white">Twitter</p>
         </a>
         <a href="https://discord.gg/r5JacJAt" class="flex bg-vector-green rounded px-6 py-2 gap-2">
           <Icon icon="akar-icons:discord-fill" class="text-2xl text-primary" />
-          <p>Discord</p>
+          <p class="text-white">Discord</p>
         </a>
       </div>
     </div>

tailwind.config.js

@@ -8,23 +8,19 @@ module.exports = {
         'vector': "url('/src/assets/vector.svg')",
       },
       colors: {
-        primary: '#9cd3b8',
-        bg: '#293330',
-        orange: '#fa7327',
-      }
-    },
-    boxShadow: {
-      'vector': '4px 0px 9px 0px rgba(0, 0, 0, 0.25)',
-    },
-    colors: {
       vector: {
         primary: '#9cd3b8',
         bg: 'rgb(0,0,0,0.39)',
         green: 'rgb(41, 51, 48)',
         orange: '#fa7327',
         gray: 'rgba(255, 255, 255, 0.45)',
       }
-    }
+    },
+    },
+    boxShadow: {
+      'vector': '4px 0px 9px 0px rgba(0, 0, 0, 0.25)',
+    },
+    
   },
   plugins: [require('daisyui')],
   daisyui: {