Enhance AnnuncioCard layout by adding a separator and adjusting styles for improved visual hierarchy

This commit is contained in:
Marco Pedone 2025-08-10 18:01:36 +02:00
parent fa46fd2925
commit 368a187edb

View file

@ -28,6 +28,7 @@ import {
CarouselPrevious, CarouselPrevious,
} from "~/components/ui/carousel"; } from "~/components/ui/carousel";
import { AnnuncioActions } from "~/components/servizio/annuncio_actions"; import { AnnuncioActions } from "~/components/servizio/annuncio_actions";
import { Separator } from "~/components/ui/separator";
export const AnnuncioCard = ({ className }: { className?: string }) => { export const AnnuncioCard = ({ className }: { className?: string }) => {
const { data } = useServizioAnnuncio(); const { data } = useServizioAnnuncio();
@ -69,9 +70,9 @@ export const BasicAnnuncioCard = ({
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Card className={cn("w-full border-white", className)}> <Card className={cn("w-full border-white py-5", className)}>
<CardHeader className="flex flex-row items-center justify-between space-y-0"> <CardHeader className="flex flex-row flex-wrap items-center justify-between space-y-0 pb-0">
<CardTitle className="text-xl">Codice: {data.codice}</CardTitle> <CardTitle className="text-2xl">Codice: {data.codice}</CardTitle>
{actions} {actions}
</CardHeader> </CardHeader>
<CardContent className="px-4"> <CardContent className="px-4">