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> </CardHeader>
<CardContent className="px-3"> <CardContent className="px-3">
<div className="flex w-full flex-col gap-4 md:gap-10"> <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"> <div className="row-span-3">
<Image <Image
alt={data.codice} alt={data.codice}
@ -71,11 +71,11 @@ export const BasicAnnuncioCard = ({
/> />
</div> </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> <span className="text-wrap">{data.titolo_it}</span>
</div> </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} /> <TipoBadge tipo={data.tipo} />
<span> <span>
{handleConsegna({ {handleConsegna({
@ -90,7 +90,7 @@ export const BasicAnnuncioCard = ({
{formatCurrency(data.prezzo / 1e2)} {formatCurrency(data.prezzo / 1e2)}
</span> </span>
</div> </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} /> <AnnuncioDettaglio data={data} />
</div> </div>
</div> </div>