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