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

fixed avatar issue on mobile team pages, improved readability of dark mode text on booking page (#2364)

pull/2325/head^2
Peer Richelsen 2022-04-04 12:20:49 +02:00 committed by GitHub
parent c094d05913
commit 26e76df6c8
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

@ -135,7 +135,7 @@ const AvailabilityPage = ({ profile, eventType, workingHours, previousPage }: Pr
<div className="rounded-sm border-gray-200 bg-white dark:bg-gray-800 sm:dark:border-gray-600 md:border"> <div className="rounded-sm border-gray-200 bg-white dark:bg-gray-800 sm:dark:border-gray-600 md:border">
{/* 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="flex items-center"> <div className="block items-center sm:flex sm:space-x-4">
<AvatarGroup <AvatarGroup
border="border-2 dark:border-gray-800 border-white" border="border-2 dark:border-gray-800 border-white"
items={ items={
@ -153,9 +153,9 @@ const AvailabilityPage = ({ profile, eventType, workingHours, previousPage }: Pr
size={9} size={9}
truncateAfter={5} truncateAfter={5}
/> />
<div className="ltr:ml-3 rtl:mr-3"> <div className="mt-4 sm:-mt-2">
<p className="text-sm font-medium text-black dark:text-gray-300">{profile.name}</p> <p className="text-sm font-medium text-black dark:text-white">{profile.name}</p>
<div className="flex gap-2 text-xs font-medium text-gray-600"> <div className="flex gap-2 text-xs font-medium text-gray-600 dark:text-gray-100">
{eventType.title} {eventType.title}
<div> <div>
<ClockIcon className="mr-1 -mt-1 inline-block h-4 w-4" /> <ClockIcon className="mr-1 -mt-1 inline-block h-4 w-4" />