21 lines
1.3 KiB
PHP
21 lines
1.3 KiB
PHP
<div class="flex justify-center items-center" x-data="{ notificaciones: @entangle('notificaciones') }">
|
|
<div class="fill-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }}] relative cursor-pointer"
|
|
@click="notificaciones=!notificaciones">
|
|
<span
|
|
class="absolute top-0 left-0 bg-red-500 rounded-full w-5 h-5 flex justify-center items-center text-xs text-white">
|
|
{{ $noti > 9 ? '9+' : $noti }}
|
|
</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-10">
|
|
<path
|
|
d="M200-200q-17 0-28.5-11.5T160-240q0-17 11.5-28.5T200-280h40v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h40q17 0 28.5 11.5T800-240q0 17-11.5 28.5T760-200H200Zm280-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" />
|
|
</svg>
|
|
</div>
|
|
|
|
<div x-cloak x-show="notificaciones" @click.outside="notificaciones = false" class="absolute top-14 right-32 rounded-lg border border-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }}] bg-white w-96 h-96 z-50">
|
|
<div>
|
|
hola hola
|
|
hola
|
|
</div>
|
|
</div>
|
|
</div>
|