From 455c6963a8fdd8de0fa9f2754724a2e88ed4fa33 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 13 Aug 2024 11:51:31 +0530
Subject: [PATCH] fix: minor style changes in Apps.vue

---
 frontend/src/components/Apps.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Apps.vue b/frontend/src/components/Apps.vue
index 97e96a76..225f2517 100644
--- a/frontend/src/components/Apps.vue
+++ b/frontend/src/components/Apps.vue
@@ -20,13 +20,13 @@
       <div
         class="grid grid-cols-3 justify-between mx-3 p-2 rounded-lg border border-gray-100 bg-white shadow-xl"
       >
-        <div v-for="app in apps.data" key="name">
+        <div v-for="app in apps.data" :key="app.name">
           <a
             :href="app.route"
-            class="flex flex-col gap-1.5 rounded justify-center items-center py-2 px-3 hover:bg-gray-100"
+            class="flex flex-col gap-1.5 rounded justify-center items-center py-2 px-1 hover:bg-gray-100"
           >
             <img class="size-8" :src="app.logo" />
-            <div class="text-sm" @click="app.onClick">
+            <div class="text-sm text-gray-700" @click="app.onClick">
               {{ app.title }}
             </div>
           </a>