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

refactor: adjust grid layout and spacing in BasicAnnuncioCard for better alignment

Browse source
This commit is contained in:
Marco Pedone 2025-12-16 13:46:21 +01:00
parent b467074f33
commit 48c65c75f5
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -49,8 +49,8 @@ export const BasicAnnuncioCard = ({
</CardHeader> </CardHeader>
<CardContent className="px-3"> <CardContent className="px-3">
<div className="@container flex w-full flex-col gap-2"> <div className="@container flex w-full flex-col gap-2">
<div className="grid @md:grid-cols-[12rem_1fr] grid-cols-[6rem_1fr] gap-x-4 gap-y-1 rounded-md md:max-w-3xl md:border md:border-white md:bg-[#e6e9ec]/50 lg:gap-x-6 xl:gap-x-8 dark:md:border-primary dark:md:bg-card"> <div className="grid @md:grid-cols-[12rem_1fr] grid-cols-[6rem_1fr] gap-x-4 gap-y-2 rounded-md md:max-w-3xl md:border md:border-white md:bg-[#e6e9ec]/50 lg:gap-x-6 xl:gap-x-8 dark:md:border-primary dark:md:bg-card">
<div className="row-span-3"> <div className="row-span-1 md:row-span-3">
<Image <Image
alt={data.codice} alt={data.codice}
className="size-24 rounded-md bg-[#e6e9ec] object-cover md:size-48" className="size-24 rounded-md bg-[#e6e9ec] object-cover md:size-48"
@ -71,7 +71,7 @@ export const BasicAnnuncioCard = ({
/> />
</div> </div>
<div className="flex w-full max-w-xl flex-wrap gap-5 md:col-span-1 md:mt-4 md:pr-8"> <div className="col-span-1 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>