public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

consistency for tablet booking page (#2640)

pull/2641/head^2
Peer Richelsen 2022-04-28 13:31:55 +02:00 committed by GitHub
parent af0d1980c6
commit d1082e55a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/components/booking/pages/AvailabilityPage.tsx
View File

@ -172,7 +172,7 @@ const AvailabilityPage = ({ profile, plan, eventType, workingHours, previousPage
)}> )}>
{/* mobile: details */} {/* mobile: details */}
<div className="block p-4 sm:p-8 md:hidden"> <div className="block p-4 sm:p-8 md:hidden">
<div className="block items-center sm:flex sm:space-x-4"> <div>
<AvatarGroup <AvatarGroup
border="border-2 dark:border-gray-800 border-white" border="border-2 dark:border-gray-800 border-white"
items={ items={
@ -190,9 +190,9 @@ const AvailabilityPage = ({ profile, plan, eventType, workingHours, previousPage
size={9} size={9}
truncateAfter={5} truncateAfter={5}
/> />
<div className="mt-4 sm:-mt-2"> <div className="mt-4">
<p className="text-sm font-medium text-black dark:text-white">{profile.name}</p> <p className="text-sm font-medium text-black dark:text-white">{profile.name}</p>
<div className="mt-2 gap-2 dark:text-gray-100"> <div className="mt-2 gap-2 dark:text-gray-100">
<h1 className="text-bookingdark mb-4 text-xl font-semibold dark:text-white"> <h1 className="text-bookingdark mb-4 text-xl font-semibold dark:text-white">
{eventType.title} {eventType.title}
</h1> </h1>
@ -203,7 +203,7 @@ const AvailabilityPage = ({ profile, plan, eventType, workingHours, previousPage
</p> </p>
)} )}
<p className="text-bookinglight mb-2 dark:text-white"> <p className="text-bookinglight mb-2 dark:text-white">
<ClockIcon className="mr-[10px] -mt-1 ml-[2px] inline-block h-4 w-4 text-gray-400" /> <ClockIcon className="mr-[10px] -mt-1 ml-[2px] inline-block h-4 w-4" />
{eventType.length} {t("minutes")} {eventType.length} {t("minutes")}
</p> </p>
{eventType.price > 0 && ( {eventType.price > 0 && (