INSTALE TAILWIND Y JQUERY GENTE
This commit is contained in:
@@ -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 />
|
||||
|
||||
Reference in New Issue
Block a user