Fix time view not in full length (#1256)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
This commit is contained in:
Joel Lu 2021-12-06 22:37:15 +11:00 committed by GitHub
parent 7e6628e3ac
commit c85f0650fe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -45,7 +45,7 @@ const AvailableTimes: FC<AvailableTimesProps> = ({
});
return (
<div className="mt-8 text-center sm:pl-4 sm:mt-0 sm:w-1/3 md:-mb-5">
<div className="flex flex-col mt-8 text-center sm:pl-4 sm:mt-0 sm:w-1/3 md:-mb-5">
<div className="mb-4 text-lg font-light text-left text-gray-600">
<span className="w-1/2 text-gray-600 dark:text-white">
<strong>{t(date.format("dddd").toLowerCase())}</strong>
@ -55,7 +55,7 @@ const AvailableTimes: FC<AvailableTimesProps> = ({
</span>
</span>
</div>
<div className="md:max-h-[364px] overflow-y-auto">
<div className="flex-grow md:h-[364px] overflow-y-auto">
{!loading &&
slots?.length > 0 &&
slots.map((slot) => {