Agregando daisy ui y cambiando componentes por las alternativas de daisy
This commit is contained in:
@@ -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'])
|
||||
|
||||
@@ -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'])
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user