fix: toggle alignment, spacing, square btn (#4282)

* fix: toggle alignment, spacing, square btn

* fix: toggle alignment

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
pull/4292/head^2
Udit Takkar 2022-09-08 23:08:11 +05:30 committed by GitHub
parent dce7973825
commit 0c2a25fb78
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 9 deletions

View File

@ -82,7 +82,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
</a> </a>
</Link> </Link>
</div> </div>
<div className="w-full"> <div className="-mt-1 w-full">
<Controller <Controller
control={formMethods.control} control={formMethods.control}
name="destinationCalendar" name="destinationCalendar"
@ -134,7 +134,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
} }
}} }}
/> />
<div className="flex flex-col"> <div className="relative top-2 flex flex-col">
<Label className="text-sm font-semibold leading-none text-black">{t("additional_inputs")}</Label> <Label className="text-sm font-semibold leading-none text-black">{t("additional_inputs")}</Label>
<p className="-mt-2 text-sm leading-normal text-gray-600">{t("additional_input_description")}</p> <p className="-mt-2 text-sm leading-normal text-gray-600">{t("additional_input_description")}</p>
</div> </div>
@ -172,14 +172,14 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
name="requiresConfirmation" name="requiresConfirmation"
defaultValue={eventType.requiresConfirmation} defaultValue={eventType.requiresConfirmation}
render={({ field: { value, onChange } }) => ( render={({ field: { value, onChange } }) => (
<div className="flex space-x-3 "> <div className="flex space-x-3">
<Switch <Switch
name="requireConfirmation" name="requireConfirmation"
checked={value} checked={value}
onCheckedChange={(e) => onChange(e)} onCheckedChange={(e) => onChange(e)}
disabled={seatsEnabled} disabled={seatsEnabled}
/> />
<div className="flex flex-col"> <div className="relative top-4 flex flex-col">
<Label className="text-sm font-semibold leading-none text-black"> <Label className="text-sm font-semibold leading-none text-black">
{t("requires_confirmation")} {t("requires_confirmation")}
</Label> </Label>
@ -203,7 +203,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
onCheckedChange={(e) => onChange(e)} onCheckedChange={(e) => onChange(e)}
disabled={seatsEnabled} disabled={seatsEnabled}
/> />
<div className="flex flex-col"> <div className="relative top-2 flex flex-col">
<Label className="text-sm font-semibold leading-none text-black">{t("disable_guests")}</Label> <Label className="text-sm font-semibold leading-none text-black">{t("disable_guests")}</Label>
<p className="-mt-2 text-sm leading-normal text-gray-600">{t("disable_guests_description")}</p> <p className="-mt-2 text-sm leading-normal text-gray-600">{t("disable_guests_description")}</p>
</div> </div>
@ -219,7 +219,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
render={({ field: { value, onChange } }) => ( render={({ field: { value, onChange } }) => (
<div className="flex space-x-3 "> <div className="flex space-x-3 ">
<Switch name="hideCalendarNotes" checked={value} onCheckedChange={(e) => onChange(e)} /> <Switch name="hideCalendarNotes" checked={value} onCheckedChange={(e) => onChange(e)} />
<div className="flex flex-col"> <div className="relative top-4 flex flex-col">
<Label className="text-sm font-semibold leading-none text-black">{t("disable_notes")}</Label> <Label className="text-sm font-semibold leading-none text-black">{t("disable_notes")}</Label>
<p className="-mt-2 text-sm leading-normal text-gray-600">{t("disable_notes_description")}</p> <p className="-mt-2 text-sm leading-normal text-gray-600">{t("disable_notes_description")}</p>
</div> </div>
@ -242,7 +242,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
onChange(e ? hashedUrl : undefined); onChange(e ? hashedUrl : undefined);
}} }}
/> />
<div className="flex flex-col"> <div className="relative top-2 flex flex-col">
<Label className="text-sm font-semibold leading-none text-black">{t("private_link")}</Label> <Label className="text-sm font-semibold leading-none text-black">{t("private_link")}</Label>
<p className="-mt-2 text-sm leading-normal text-gray-600">{t("private_link_description")}</p> <p className="-mt-2 text-sm leading-normal text-gray-600">{t("private_link_description")}</p>
</div> </div>

View File

@ -204,11 +204,11 @@ const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function InputF
"h-9 border border-gray-300", "h-9 border border-gray-300",
addOnFilled && "bg-gray-100", addOnFilled && "bg-gray-100",
addOnLeading && "rounded-l-md border-r-0", addOnLeading && "rounded-l-md border-r-0",
addOnSuffix && "rounded-r-md border-l-0" addOnSuffix && "border-l-0"
)}> )}>
<div <div
className={classNames( className={classNames(
"flex h-full flex-col justify-center px-3 text-sm", "flex h-full flex-col justify-center px-1 text-sm",
props.error && "text-red-900" props.error && "text-red-900"
)}> )}>
<span className="whitespace-nowrap">{addOnLeading || addOnSuffix}</span> <span className="whitespace-nowrap">{addOnLeading || addOnSuffix}</span>