INSTALE TAILWIND Y JQUERY GENTE

This commit is contained in:
BryamE
2025-12-12 00:37:59 -03:00
parent 1d0d962c4e
commit 59ebbee5e6
8 changed files with 2642 additions and 45 deletions
+3 -30
View File
@@ -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 />