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>
49 lines
2.6 KiB
PHP
Executable File
49 lines
2.6 KiB
PHP
Executable File
<nav class="border-b border-gray-100 rounded-b-3xl shadow" style="background-color: {{ App\Models\Configuracione::Orderby('id','desc')->first()->color_barra }};">
|
|
<!-- Primary Navigation Menu -->
|
|
<div class="md:w-[85%] mx-auto px-4 sm:px-6 lg:px-8 py-1">
|
|
<div class="flex 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-2 pr-1 sm:ml-8 sm:pr-4 flex text-white font-semibold items-center my-2">
|
|
<div class="text-sm md:text-xl">{{App\Models\Configuracione::Orderby('id','desc')->first()->nombre}}</div>
|
|
</div>
|
|
<div class="space-x-8 sm:-my-px sm:ml-4 flex text-white items-center">
|
|
<div class="text-sm md:text-xl hidden sm:block">{{App\Models\Configuracione::Orderby('id','desc')->first()->slogan}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" my-auto ">
|
|
@if (Route::has('login'))
|
|
<div class="">
|
|
@auth
|
|
<a href="{{ url('/dashboard') }}" class="text-white px-4 py-2 rounded-lg hover:opacity-90 transition-opacity" style="background-color: {{ App\Models\Configuracione::Orderby('id','desc')->first()->color_boton }};">Dashboard</a>
|
|
@else
|
|
<div class="space-x-8 sm:-my-px sm:ml-6 flex text-white items-center">
|
|
<a href="{{ route('login') }}" class="text-sm sm:text-base flex px-4 py-2 rounded-lg hover:opacity-90 transition-opacity" style="background-color: {{ App\Models\Configuracione::Orderby('id','desc')->first()->color_boton }};">Iniciar sesión
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" x="0px" y="0px" stroke="currentColor" class="w-[0.87rem] ml-2 ">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
|
|
</svg>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
@endauth
|
|
</div>
|
|
@endif
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|