LizandroandClaude Sonnet 4.6
203c0808a1
Al dejar el CDN quedaron muertas todas las clases del tipo bg-[{{ $var }}]:
el JIT del navegador las resolvía en caliente, pero el build solo ve el
literal con la expresión Blade dentro y no genera ninguna regla. No falla
el build, simplemente el estilo desaparece.
El caso visible era el modal de "ver promoción": bg-[url({{ asset(...) }})]
dejaba un bloque blanco de 16rem donde debía ir la imagen.
Los 11 casos, todos pasados a estilo en línea:
- show-promociones / portada-servicio: imagen del modal de promoción
- nav / navigationup / navigation: color_barra y color_boton
- bell: fill del icono, borde del panel y color de los títulos
En nav.blade.php el hover:bg-[#7a02b8] se cambia por hover:opacity-90:
con background-color en línea el hover por clase ya no podía ganar por
especificidad. Es el mismo patrón que ya usaba navigationup.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
46 lines
3.1 KiB
PHP
Executable File
46 lines
3.1 KiB
PHP
Executable File
<div class="flex justify-center items-center" x-data="{ menuNotificaciones: @entangle('menuNotificaciones') }">
|
|
<div class="relative cursor-pointer" style="fill: {{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }};" wire:click="$refresh" @click="menuNotificaciones=!menuNotificaciones">
|
|
@if ($numNoti != 0)
|
|
<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">
|
|
{{ $numNoti > 9 ? '9+' : $numNoti }}
|
|
</span>
|
|
@endif
|
|
<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="menuNotificaciones" @click.outside="menuNotificaciones = false" class="absolute top-14 right-2 md:right-32 rounded-lg border overflow-y-auto bg-white w-72 md:w-96 h-96 z-50" style="border-color: {{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }};">
|
|
<ul class="p-4">
|
|
@forelse ($consulta as $item)
|
|
<li class="px-2 py-1 mb-2 border border-gray-300 rounded-lg relative" wire:loading.class="opacity-50 cursor-wait">
|
|
<h4 class="font-bold text-base" style="color: {{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }};">
|
|
{{ $item->titulo }}
|
|
</h4>
|
|
<p class="text-sm">
|
|
{{ $item->descripcion }}
|
|
</p>
|
|
@if ($item->premio != null && $item->premio != 0)
|
|
<p class="text-sm py-2">
|
|
[${{ number_format($item->premio) }}] 🏆💵
|
|
</p>
|
|
<x-primary-button class="my-1" wire:click="reclamarPremio({{ $item->id }})" wire:loading.attr="disabled" wire:target="reclamarPremio">
|
|
Reclamar premio
|
|
</x-primary-button>
|
|
@endif
|
|
@if (!$item->todos || Auth::user()->rol->nombre == 'administrador' || Auth::user()->rol->nombre == 'super' || Auth::user()->rol->nombre == 'editor' || $item->premio == 0)
|
|
<span class="text-red-500 font-semibold absolute top-0 right-2 cursor-pointer select-none" wire:click="deleteNotificacion({{ $item->id }})" wire:loading.remove>
|
|
x
|
|
</span>
|
|
<span class="text-gray-400 font-semibold absolute top-0 right-2 cursor-wait select-none" wire:loading>
|
|
x
|
|
</span>
|
|
@endif
|
|
</li>
|
|
@empty
|
|
<p class="text-center text-gray-500 py-2">No tienes notificaciones</p>
|
|
@endforelse
|
|
</ul>
|
|
</div>
|
|
</div>
|