fix datetime card ui
This commit is contained in:
parent
8f2ed44e78
commit
5c5f1ec735
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user