💄 Calendar style adjustments

This commit is contained in:
Luke Vella 2024-03-01 17:37:18 +05:30
parent fc3c0c3e35
commit f9d5d0a9bc

View file

@ -95,7 +95,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
return ( return (
<div className="overflow-hidden md:flex"> <div className="overflow-hidden md:flex">
<div className="grow border-b p-3 sm:p-4 md:border-b-0 md:border-r"> <div className="border-b p-3 sm:p-4 md:basis-[420px] md:border-b-0 md:border-r">
<div> <div>
<div className="flex w-full flex-col"> <div className="flex w-full flex-col">
<div className="mb-3 flex items-center justify-center space-x-4"> <div className="mb-3 flex items-center justify-center space-x-4">
@ -207,7 +207,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
</div> </div>
</div> </div>
</div> </div>
<div className="flex flex-col md:w-[380px]"> <div className="flex grow flex-col">
<div <div
className={clsx("border-b", { className={clsx("border-b", {
hidden: datepicker.selection.length === 0, hidden: datepicker.selection.length === 0,