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,
|
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">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue