usite-sas-bic/sirpremiumv2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update show-promociones.blade.php

Browse Source
This commit is contained in:
Juan Felipe Duarte
2025-10-16 16:29:36 -05:00
parent 084a766187
commit 8da23ad240
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/show-promociones.blade.php
+7 -5
View File
@@ -59,7 +59,7 @@
<div class="swiper-container overflow-hidden py-4 px-3" wire:ignore> <div class="swiper-container overflow-hidden py-4 px-3" wire:ignore>
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@foreach ($categorias as $categoria1) @foreach ($categorias as $categoria1)
<div wire:key="banner-{{ $categoria1->id }}" class="swiper-slide cursor-pointer transition hover:scale-105 rounded-lg overflow-hidden shadow bg-white" <div wire:key="banner-{{ $categoria1->id }}" class="swiper-slide relative cursor-pointer transition hover:scale-105 rounded-lg overflow-hidden shadow bg-white"
x-on:click=" x-on:click="
seleccionada = { seleccionada = {
nombre: '{{ $categoria1->nombre }}', nombre: '{{ $categoria1->nombre }}',
@@ -68,10 +68,12 @@
$wire.set('categorian', '{{ $categoria1->nombre }}') $wire.set('categorian', '{{ $categoria1->nombre }}')
" "
> >
<img src="{{ asset($categoria1->imagen) }}" class="w-full h-12 md:h-full object-cover object-center" alt="imagen de {{ $categoria1->nombre }}"> <img src="{{ asset($categoria1->imagen) }}" class="w-full h-14 md:h-full object-cover object-center" alt="imagen de {{ $categoria1->nombre }}">
<div class="p-2 text-center md:hidden"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent flex items-end justify-center p-1 md:hidden">
<h2 class="text-xs font-semibold text-gray-800">{{ $categoria1->nombre }}</h2> <span class="text-xs sm:text-sm md:text-base font-medium text-white text-center drop-shadow-md">
</div> {{ $categoria1->nombre }}
</span>
</div>
</div> </div>
@endforeach @endforeach
</div> </div>