Enhance AnnuncioCard layout by adding a separator and adjusting styles for improved visual hierarchy
This commit is contained in:
parent
fa46fd2925
commit
368a187edb
1 changed files with 4 additions and 3 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue