style: volver a object-cover con los cuadros de promoción un 5% más grandes
Se revierte el object-contain del commit anterior: dejaba franjas de fondo
y se prefiere que la imagen llene el cuadro. A cambio los cuadros crecen
un 5%.
grilla h-24 -> h-[6.3rem]
sm:h-36 -> sm:h-[9.45rem]
sm:h-44 -> sm:h-[11.55rem]
modal promo h-64 -> h-[16.8rem]
modal "ver todas" 250/350px -> 262/368px
Las miniaturas de subida se quedan en object-contain a propósito: ahí lo
útil es ver entera la imagen que se acaba de elegir.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
e7ff4bf248
commit
7f4053ea62
@@ -71,9 +71,8 @@
|
||||
<div class="grid h-full place-items-center">
|
||||
<div class="bg-white rounded-lg shadow-md sm:1/2 md:1/3 lg:1/3 xl:w-1/4">
|
||||
{{-- PHOTO --}}
|
||||
{{-- URL de runtime: no puede ser clase arbitraria de Tailwind.
|
||||
bg-contain para que el banner entre completo, sin recortes. --}}
|
||||
<div class="w-full bg-contain bg-no-repeat bg-center bg-gray-50 rounded-t-lg h-64"
|
||||
{{-- URL de runtime: no puede ser clase arbitraria de Tailwind --}}
|
||||
<div class="w-full bg-cover bg-center rounded-t-lg h-[16.8rem]"
|
||||
style="background-image: url('{{ asset($this->imagen) }}');">
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user