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:
Lizandro
2026-08-02 00:44:05 +00:00
co-authored by Claude Sonnet 4.6
parent e7ff4bf248
commit 7f4053ea62
5 changed files with 9 additions and 10 deletions
@@ -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>