Juan Felipe Duarte
2a5c655d1e
Reworked the sidebar navigation in navigation.blade.php to use a modern aside element with improved styling, transitions, and responsive menu items. Updated app.blade.php to simplify layout structure and move Alpine.js script. Adjusted font sizes in ver-entrada.blade.php for better responsiveness. Minor whitespace and formatting improvements in nav.blade.php.
73 lines
4.7 KiB
PHP
Executable File
73 lines
4.7 KiB
PHP
Executable File
<nav class="bg-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_barra }}] border-b border-gray-100 rounded-b-3xl shadow">
|
|
<!-- Primary Navigation Menu -->
|
|
<div class="md:w-[90%] mx-auto px-4 sm:px-2 lg:px-4 py-1">
|
|
<div class="flex items-center gap-4 md:gap-6 justify-between">
|
|
<div class="text-white">
|
|
<svg @click="openAside = true" class="cursor-pointer w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 flex justify-center md:justify-between h-16">
|
|
<div class="flex">
|
|
<!-- Logo -->
|
|
<div class="shrink-0 flex items-center">
|
|
<a href="{{ route('dashboard') }}">
|
|
<div class="block w-[4rem] fill-current text-gray-600 b border border-gray-500 rounded-full overflow-hidden">
|
|
<x-application-logo />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div
|
|
class="space-x-8 ml-1 pr-1 sm:ml-8 sm:pr-4 flex text-white font-semibold items-center border-r border-gray-500 my-2">
|
|
<div class=" text-sm md:text-xl ">
|
|
{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->nombre }}</div>
|
|
</div>
|
|
<div class="space-x-8 ml-1 sm:-my-px sm:ml-4 flex text-white items-center my-2 align-middle">
|
|
<div class=" text-sm md:text-xl hidden sm:block ">
|
|
{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->slogan }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flex">
|
|
<livewire:bell />
|
|
|
|
<div class="space-x-8 sm:ml-8 sm:pr-4 flex text-white font-semibold items-center border-r border-gray-500/40 my-2 mx-1 pr-1">
|
|
<livewire:saldo-header />
|
|
</div>
|
|
|
|
@if (auth()->user()->rol->nombre != 'editor' && auth()->user()->rol->nombre != 'administrador')
|
|
<div class="hidden sm:space-x-8 sm:-my-px sm:ml-6 md:flex text-white items-center">
|
|
<a href="{{ route('recarga') }}" class=" text-sm sm:text-base flex px-1 sm:px-4 py-2 rounded-lg bg-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }}] hover:bg-[#7a02b8]">Cargar
|
|
saldo
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512"
|
|
style="enable-background:new 0 0 512 512;" xml:space="preserve"
|
|
class="md:w-[0.87rem] w-[0.5rem] ml-1 sm:ml-2 ">
|
|
<path
|
|
d="M480,224H288V32c0-17.673-14.327-32-32-32s-32,14.327-32,32v192H32c-17.673,0-32,14.327-32,32s14.327,32,32,32h192v192 c0,17.673,14.327,32,32,32s32-14.327,32-32V288h192c17.673,0,32-14.327,32-32S497.673,224,480,224z"
|
|
fill="#ffffff" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="md:hidden space-x-8 flex text-white items-center">
|
|
<a href="{{ route('recarga') }}"
|
|
class=" text-sm sm:text-base flex px-1 sm:px-4 py-2 rounded-lg bg-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }}] hover:bg-[#7a02b8]">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512"
|
|
style="enable-background:new 0 0 512 512;" xml:space="preserve" class="w-[1rem]">
|
|
<path
|
|
d="M480,224H288V32c0-17.673-14.327-32-32-32s-32,14.327-32,32v192H32c-17.673,0-32,14.327-32,32s14.327,32,32,32h192v192 c0,17.673,14.327,32,32,32s32-14.327,32-32V288h192c17.673,0,32-14.327,32-32S497.673,224,480,224z"
|
|
fill="#ffffff" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|