INSTALE TAILWIND Y JQUERY GENTE

2025-12-12 00:37:59 -03:00
parent 1d0d962c4e
commit 59ebbee5e6
8 changed files with 2642 additions and 45 deletions
@@ -8,7 +8,6 @@
        @if ($products->count() > 0)
            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
                @foreach ($products as $prod)
-                    <x-ui.imagecard title="" aria-description="">
                    <div class="group p-4 border border-neutral-800 rounded-xl hover:border-neon-lime hover:-translate-y-1 transition-all duration-300">
                        {{-- Imagen si existe --}}
                        @if (!empty($prod->img))
@@ -48,9 +47,4 @@
            <p class="text-center text-gray-600 mt-10">No hay productos disponibles.</p>
        @endif
    </div>
-
-    <!-- Paginación -->
-    <div class="w-full flex justify-center">
-        {{ $products->links() }}
-    </div>
 </x-layout>
@@ -6,41 +6,14 @@
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $title ?? 'Lauck Dashboard' }}</title>
    
-    <!-- Fuentes -->
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet">
-    
-    <!-- Tailwind y Config -->
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-        tailwind.config = {
-            theme: {
-                extend: {
-                    fontFamily: {
-                        sans: ['Montserrat', 'sans-serif'],
-                    },
-                    colors: {
-                        'neon-lime': '#ccff00',
-                        'dark-bg': '#1a1a1a',
-                        'panel-bg': '#242424',
-                    }
-                }
-            }
-        }
-    </script>
-    <style>
-        .bg-grid-pattern {
-            background-image: linear-gradient(to right, #333 1px, transparent 1px),
-            linear-gradient(to bottom, #333 1px, transparent 1px);
-            background-size: 40px 40px;
-            background-position: center;
-        }
-    </style>
+    <!-- VITE: Esto carga tu Tailwind compilado y JS -->
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>

 <body class="bg-dark-bg text-gray-300 font-sans antialiased min-h-screen flex flex-col relative overflow-x-hidden">

    <!-- Fondo grilla global -->
-    <div class="inset-0 bg-grid-pattern opacity-[0.07] z-0 pointer-events-none fixed"></div>
+    <div class="inset-0 bg-grid-pattern opacity-[0.15] z-0 pointer-events-none fixed"></div>

    <!-- Navbar Component -->
    <x-navbar />