mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

fixed dark mode for booking page and input (#2292)

Browse source
This commit is contained in:
Peer Richelsen 2022-03-27 00:40:41 +01:00 committed by GitHub
parent b0bb894e1a
commit 14ba410352
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/api

@ -1 +1 @@
Subproject commit 557342104b78b2cd72f5a078f5eb8f5c47f2b43d Subproject commit 378cbf8f3a67ea7877296f1da02edb2b6e3efbce

16
apps/web/components/booking/pages/BookingPage.tsx
View file

@ -285,9 +285,9 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
<CustomBranding lightVal={profile.brandColor} darkVal={profile.darkBrandColor} /> <CustomBranding lightVal={profile.brandColor} darkVal={profile.darkBrandColor} />
<main className="mx-auto my-0 max-w-3xl rounded-sm sm:my-24 sm:border sm:dark:border-gray-600"> <main className="mx-auto my-0 max-w-3xl rounded-sm sm:my-24 sm:border sm:dark:border-gray-600">
{isReady && ( {isReady && (
<div className="overflow-hidden border border-gray-200 bg-white dark:border-0 dark:bg-neutral-900 sm:rounded-sm"> <div className="overflow-hidden border border-gray-200 bg-white dark:border-0 dark:bg-gray-800 sm:rounded-sm">
<div className="px-4 py-5 sm:flex sm:p-4"> <div className="px-4 py-5 sm:flex sm:p-4">
<div className="sm:w-1/2 sm:border-r sm:dark:border-gray-800"> <div className="sm:w-1/2 sm:border-r sm:dark:border-gray-700">
<AvatarGroup <AvatarGroup
border="border-2 border-white dark:border-gray-800" border="border-2 border-white dark:border-gray-800"
size={14} size={14}
@ -344,7 +344,7 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
name="name" name="name"
id="name" id="name"
required required
className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-black dark:text-white dark:selection:bg-green-500 sm:text-sm" className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-gray-700 dark:text-white dark:selection:bg-green-500 sm:text-sm"
placeholder={t("example_name")} placeholder={t("example_name")}
/> />
</div> </div>
@ -359,7 +359,7 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
<EmailInput <EmailInput
{...bookingForm.register("email")} {...bookingForm.register("email")}
required required
className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-black dark:text-white dark:selection:bg-green-500 sm:text-sm" className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-gray-700 dark:text-white dark:selection:bg-green-500 sm:text-sm"
placeholder="you@example.com" placeholder="you@example.com"
type="search" // Disables annoying 1password intrusive popup (non-optimal, I know I know...) type="search" // Disables annoying 1password intrusive popup (non-optimal, I know I know...)
/> />
@ -423,7 +423,7 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
})} })}
id={"custom_" + input.id} id={"custom_" + input.id}
rows={3} rows={3}
className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-black dark:text-white dark:selection:bg-green-500 sm:text-sm" className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-gray-700 dark:text-white dark:selection:bg-green-500 sm:text-sm"
placeholder={input.placeholder} placeholder={input.placeholder}
/> />
)} )}
@ -434,7 +434,7 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
required: input.required, required: input.required,
})} })}
id={"custom_" + input.id} id={"custom_" + input.id}
className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-black dark:text-white dark:selection:bg-green-500 sm:text-sm" className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-gray-700 dark:text-white dark:selection:bg-green-500 sm:text-sm"
placeholder={input.placeholder} placeholder={input.placeholder}
/> />
)} )}
@ -445,7 +445,7 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
required: input.required, required: input.required,
})} })}
id={"custom_" + input.id} id={"custom_" + input.id}
className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-black dark:text-white dark:selection:bg-green-500 sm:text-sm" className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-gray-700 dark:text-white dark:selection:bg-green-500 sm:text-sm"
placeholder="" placeholder=""
/> />
)} )}
@ -527,7 +527,7 @@ const BookingPage = ({ eventType, booking, profile }: BookingPageProps) => {
{...bookingForm.register("notes")} {...bookingForm.register("notes")}
id="notes" id="notes"
rows={3} rows={3}
className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-black dark:text-white dark:selection:bg-green-500 sm:text-sm" className="focus:border-brand block w-full rounded-sm border-gray-300 shadow-sm focus:ring-black dark:border-gray-900 dark:bg-gray-700 dark:text-white dark:selection:bg-green-500 sm:text-sm"
placeholder={t("share_additional_notes")} placeholder={t("share_additional_notes")}
/> />
</div> </div>

2
apps/website

@ -1 +1 @@
Subproject commit b650354aa67d9176a497b4e4a2e86a36de3eaf97 Subproject commit df1e26b7db11f491fbb996d9b0f8e50c0e8c691a