feature: Little dashboard changes

marcmarfer · marcmarfer · commit c0b61311f215 · 2025-02-28T19:58:59.000+01:00
diff --git a/resources/js/Pages/Dashboard/Show.vue b/resources/js/Pages/Dashboard/Show.vue
@@ -21,25 +21,21 @@ const logout = () => {
 
     <Head title="Dashboard" />
 
-    <div class="min-h-screen flex flex-col px-4 py-12 sm:px-6 lg:px-8">
-        <div class="max-w-7xl mx-auto w-full">
-            <div class="flex justify-between items-center mb-12">
-                <h1 class="text-black text-2xl sm:text-3xl font-bold">
+    <div class="min-h-screen flex flex-col p-[50px] py-[75px] sm:px-6 lg:px-8">
+        <div class="max-w-screen-2xl w-full">
+                <h1 class="text-black text-2xl sm:text-3xl font-bold mb-12">
                     Bienvenido a <span class="text-red-600">Neumatrans</span>, {{ props.user.name }}
                 </h1>
-                <button @click="logout"
-                    class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors">
-                    Cerrar Sesión
-                </button>
-            </div>
 
-            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                 <Tile title="Clientes" description="Gestión de clientes" @click="navigateToClients" />
                 <Tile title="Vehículos" description="Gestión de vehículos" @click="navigateToVehicles" />
                 <Tile title="Reparaciones" description="Gestión de reparaciones" @click="navigateToRepairs" />
                 <Tile title="Compras" description="Gestión de compras" @click="navigateToDeliveryNotes" />
                 <Tile title="Compras" description="Gestión de reparaciones" @click="navigateToDeliveryNotes" />
                 <Tile title="Compras" description="Gestión de compras" @click="navigateToDeliveryNotes" />
+                <Tile title="Compras" description="Gestión de compras" @click="navigateToDeliveryNotes" />
+                <Tile title="Cerrar Sesión" description="Cerrar sesión de la cuenta" @click="logout" />
             </div>
         </div>
     </div>
