Organizando y comenzando con interfaces

This commit is contained in:
2025-01-11 20:10:14 -03:00
parent 07b62a07a0
commit b87ae08b9a
52 changed files with 9492 additions and 361 deletions

View File

@@ -0,0 +1,21 @@
<div>
<script>
document.addEventListener('alpine:initialized', () => {
const toast = @js(session()->get('toast', null));
if (!toast) {
return;
}
if (toast.type === 'success') {
$interaction('toast').success(toast.title ?? 'Éxito', toast.message).send();
} else if (toast.type === 'error') {
$interaction('toast').error(toast.title ?? 'Error', toast.message).send();
} else if (toast.type === 'warning') {
$interaction('toast').warning(toast.title ?? 'Advertencia', toast.message).send();
} else if (toast.type === 'info') {
$interaction('toast').info(toast.title ?? 'Información', toast.message).send();
}
});
</script>
</div>

View File

@@ -8,20 +8,26 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<tallstackui:script />
<link
href="https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<tallstackui:script/>
@livewireStyles
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="flex flex-col min-h-screen">
<x-navbar />
<div class="flex-1 bg-secondary-50 overflow-x-auto">
<main class="container mx-auto p-4 ">
{{ $slot }}
</main>
</div>
@livewireScripts
<x-dialog/>
<x-toast/>
<x-flash/>
<x-navbar/>
<div class="flex-1 bg-secondary-50 overflow-x-auto">
<main class="container mx-auto px-4 py-8">
{{ $slot }}
</main>
</div>
@livewireScripts
</body>
</html>

View File

@@ -0,0 +1,3 @@
<div>
<h1 class="text-4xl mb-8 underline decoration-primary decoration-3">{{$slot}}</h1>
</div>