fix datetime card ui

This commit is contained in:
vchikalkin 2025-02-13 19:21:36 +03:00
parent 8f2ed44e78
commit 5c5f1ec735

View File

@ -10,14 +10,14 @@ export function DateTimeCard({ documentId }: Readonly<SlotComponentProps>) {
if (!slot) return null;
return (
<div className="flex flex-col">
<span className="mb-2 tracking-wide">{formatDate(slot?.date).user()}</span>
<span className="mt-2 text-3xl font-bold tracking-wide">
<div className="flex flex-col gap-2">
<span className="mb-2 text-sm tracking-wide text-muted-foreground">
{formatDate(slot?.date).user()}
</span>
<span className="text-3xl font-bold tracking-wide">
{formatTime(slot?.time_start).user()}
</span>
<span className="mt-2 text-3xl font-bold tracking-wide">
{formatTime(slot?.time_end).user()}
</span>
<span className="text-3xl font-bold tracking-wide">{formatTime(slot?.time_end).user()}</span>
</div>
);
}