Compare commits
5
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e5f9ec5f1d | ||
|
|
11b97b9178 | ||
|
|
229999fa5a | ||
|
|
8e0053ab84 | ||
|
|
e837c55de8 |
No files matched your search
@@ -37,15 +37,14 @@ export function PromoTile({ category, className = "" }: { category: Category; cl
|
|||||||
href={`/catalog?category=${encodeURIComponent(category.name)}`}
|
href={`/catalog?category=${encodeURIComponent(category.name)}`}
|
||||||
className={cn(`group relative min-h-64 overflow-hidden rounded-[2rem] ${content.color} shadow-sm ring-1 ring-slate-900/5`, className)}
|
className={cn(`group relative min-h-64 overflow-hidden rounded-[2rem] ${content.color} shadow-sm ring-1 ring-slate-900/5`, className)}
|
||||||
>
|
>
|
||||||
{/* Patron real de Walmart (confirmado con referencia del usuario):
|
{/* Patron Walmart: foto recortada (object-cover) llenando casi toda
|
||||||
la foto NO cubre la tarjeta completa -- flota, contenida, sobre
|
la tarjeta, con solo un margen delgado del pastel como marco --
|
||||||
el fondo pastel solido, igual que las tarjetas sin foto. Un
|
no flotando chica con espacio muerto alrededor (object-contain,
|
||||||
intento anterior con la foto a pantalla completa + una franja
|
intento anterior, reportado como "no aprovecha el espacio"), ni
|
||||||
de degradado abajo para el texto quedaba desconectado del resto
|
a pantalla completa sin marco (el intento antes de ese). */}
|
||||||
de tarjetas solidas, reportado en produccion. */}
|
|
||||||
{content.image && (
|
{content.image && (
|
||||||
<div className="absolute inset-x-6 top-6 bottom-24">
|
<div className="absolute inset-3 bottom-24 overflow-hidden rounded-2xl">
|
||||||
<Image src={content.image} alt="" fill sizes="(max-width: 640px) 45vw, (max-width: 1024px) 25vw, 14vw" className="object-contain object-top drop-shadow-xl transition duration-500 group-hover:scale-105" />
|
<Image src={content.image} alt="" fill sizes="(max-width: 640px) 45vw, (max-width: 1024px) 25vw, 14vw" className="object-cover transition duration-500 group-hover:scale-105" />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className="absolute inset-x-0 bottom-0 flex items-end justify-between p-6 text-slate-900">
|
<div className="absolute inset-x-0 bottom-0 flex items-end justify-between p-6 text-slate-900">
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ spec:
|
|||||||
runAsUser: 1001
|
runAsUser: 1001
|
||||||
containers:
|
containers:
|
||||||
- name: app
|
- name: app
|
||||||
image: gitea.cruzcloud.net/devops/ecommerce-frontend:v1.0.200
|
image: gitea.cruzcloud.net/devops/ecommerce-frontend:v1.0.202
|
||||||
env:
|
env:
|
||||||
- name: HEADLESS_PROVIDER
|
- name: HEADLESS_PROVIDER
|
||||||
value: medusa
|
value: medusa
|
||||||
|
|||||||
Reference in new issue
Block a user