Agregando daisy ui y cambiando componentes por las alternativas de daisy

This commit is contained in:
2025-01-26 01:11:47 -03:00
parent 90bbc3ac7b
commit e33d1ddade
17 changed files with 643 additions and 240 deletions

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="corporate">
<head>
<meta charset="UTF-8">
@@ -11,6 +11,9 @@
<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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<tallstackui:script/>
@livewireStyles
@vite(['resources/css/app.css', 'resources/js/app.js'])

View File

@@ -11,6 +11,8 @@
<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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<tallstackui:script/>
@livewireStyles
@vite(['resources/css/app.css', 'resources/js/app.js'])

View File

@@ -3,26 +3,25 @@
<div
class="container mx-auto flex flex-col items-center justify-between gap-2 px-4 py-4 sm:py-0 sm:h-14 sm:flex-row">
<span class="text-4xl sm:text-2xl font-semibold text-primary-700">Aureon</span>
<x-dropdown>
<x-slot:action>
<button
class="flex items-center gap-2 rounded p-1 text-start hover:bg-secondary-50 active:bg-secondary-100"
x-on:click="show = !show">
<img class="h-8 rounded" src="https://api.dicebear.com/9.x/thumbs/svg" alt="avatar"/>
<div>
<p class="text-sm">{{auth()->user()->name}}</p>
<p class="text-xs text-secondary">{{auth()->user()->email}}</p>
</div>
</button>
</x-slot:action>
<form action="{{route('logout')}}" method="POST">
@csrf
<button type="submit" class="w-full">
<x-dropdown.items text="Cerrar Sesión" separator/>
</button>
</form>
</x-dropdown>
<div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost m-1 text-left">
<img class="h-8 rounded" src="https://api.dicebear.com/9.x/thumbs/svg" alt="avatar"/>
<div class="font-normal">
<p class="text-sm">{{auth()->user()->name}}</p>
<p class="text-xs text-secondary">{{auth()->user()->email}}</p>
</div>
</div>
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
<li>
<form action="{{route('logout')}}" method="POST">
@csrf
<button type="submit" class="w-full">
Cerrar Sesión
</button>
</form>
</li>
</ul>
</div>
</div>
</div>

View File

@@ -3,11 +3,11 @@
$active = false;
}
@endphp
<a class="{{ $active
? 'bg-primary text-white hover:bg-primary-600 active:bg-primary-700'
: 'text-secondary-600 hover:bg-secondary-50 active:bg-secondary-100' }}
<a class="{{ $active
? 'bg-primary text-white hover:bg-primary-600 active:bg-primary-700'
: 'text-secondary-600 hover:bg-secondary-50 active:bg-secondary-100' }}
flex items-center gap-1 px-4 py-2 text-sm"
href="{{ $route }}" wire:navigate>
<x-icon name="{{ $icon }}" sm />
<i class="ti ti-{{$icon}} text-xl"></i>
<span>{{ $title }}</span>
</a>