Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

refactor: improve layout and styling of BasicAnnuncioCard component

Browse source
This commit is contained in:
Marco Pedone 2025-12-16 11:17:30 +01:00
parent 496a947f97
commit afda4cca6c
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/infoalloggi/src/components/servizio/annuncio_card.tsx
View file

@ -49,7 +49,7 @@ export const BasicAnnuncioCard = ({
</CardHeader>
<CardContent className="px-3">
<div className="flex w-full flex-col gap-4 md:gap-10">
<div className="grid grid-cols-[6rem_auto] gap-2 gap-x-4 md:grid-cols-[12rem_auto] md:gap-x-10">
<div className="grid grid-cols-[6rem_auto] gap-2 gap-x-4 rounded-md md:max-w-3xl md:grid-cols-[12rem_auto] md:gap-x-8 md:bg-[#e6e9ec]/50">
<div className="row-span-3">
<Image
alt={data.codice}
@ -71,11 +71,11 @@ export const BasicAnnuncioCard = ({
/>
</div>
<div className="flex w-full max-w-xl flex-wrap gap-5 md:col-span-1">
<div className="flex w-full max-w-xl flex-wrap gap-5 md:col-span-1 md:mt-4 md:pr-8">
<span className="text-wrap">{data.titolo_it}</span>
</div>
<div className="col-span-2 flex w-full max-w-xl flex-wrap items-center justify-between gap-3 md:col-span-1">
<div className="col-span-2 flex w-full max-w-xl flex-wrap items-center justify-between gap-3 md:col-span-1 md:pr-8">
<TipoBadge tipo={data.tipo} />
<span>
{handleConsegna({
@ -90,7 +90,7 @@ export const BasicAnnuncioCard = ({
{formatCurrency(data.prezzo / 1e2)}
</span>
</div>
<div className="col-span-2 w-full max-w-xl md:col-span-1">
<div className="col-span-2 w-full max-w-xl md:col-span-1 md:pr-8">
<AnnuncioDettaglio data={data} />
</div>
</div>