From 6af6e01ccca00c9418d1ff1ece8168b90e7f3599 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Thu, 22 Aug 2024 19:26:32 +0200
Subject: [PATCH] Fix style

---
 app/components/Application.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Application.vue b/app/components/Application.vue
index 7d0d3aa..0fd2542 100644
--- a/app/components/Application.vue
+++ b/app/components/Application.vue
@@ -12,16 +12,16 @@ defineProps<{
     <h1 class="font-bold text-xl mb-4">
       {{ title }}
     </h1>
-    <div v-if="apps" class="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-4 gap-8">
+    <div v-if="apps" class="grid grid-cols-1 auto-rows-auto sm:grid-cols-3 md:grid-cols-4 gap-8">
       <ULink v-for="app in apps" :key="app.name" :to="app.url" class="relative" target="_blank">
         <div v-show="app.primary === true" class="absolute flex h-4 w-4 -right-2 -top-2">
           <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" />
           <span class="relative inline-flex rounded-full h-4 w-4 bg-green-500" />
         </div>
         <UCard
-          :ui="{ body: { base: 'space-y-4' }, background: 'duration-300 bg-white hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800' }"
+          :ui="{ body: { base: 'space-y-4 h-full' }, background: 'h-full duration-300 bg-white hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800' }"
         >
-          <div class="flex gap-4 items-center">
+          <div class="flex gap-4 items-center h-full">
             <UBadge :color="app.color" class="p-2" variant="soft">
               <UIcon :name="app.icon" size="32" />
             </UBadge>