fix: Misaligned Select with input box (#19400)

* Aligned Select field with input

* Minor fix in alignment

---------

Co-authored-by: amrit <iamamrit27@gmail.com>
Co-authored-by: Tushar Bhatt <95581504+TusharBhatt1@users.noreply.github.com>
Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
This commit is contained in:
Harshit Singh
2025-02-24 07:54:48 +00:00
committed by GitHub
co-authored by amrit Tushar Bhatt Anik Dhabal Babu
parent 4546bd8653
commit 42e94cd5b7
@@ -164,7 +164,7 @@ export default function RequiresConfirmationController({
defaults="When booked with less than <time></time> notice"
components={{
time: (
<div className="mx-2 inline-flex">
<div className="mx-2 inline-flex items-center">
<Input
type="number"
min={1}
@@ -184,7 +184,7 @@ export default function RequiresConfirmationController({
);
}}
className={classNames(
"border-default h-8! !m-0 block w-16 rounded-r-none border-r-0 text-sm [appearance:textfield] focus:z-10 focus:border-r",
"border-default h-9! !m-0 block w-16 rounded-r-none border-r-0 text-sm [appearance:textfield] focus:z-10 focus:border-r",
customClassNames?.conditionalConfirmationRadio?.timeInput
)}
defaultValue={metadata?.requiresConfirmationThreshold?.time || 30}
@@ -201,7 +201,9 @@ export default function RequiresConfirmationController({
className={
customClassNames?.conditionalConfirmationRadio?.timeUnitSelect
}
innerClassNames={{ control: "rounded-l-none bg-subtle" }}
innerClassNames={{
control: "rounded-l-none max-h-4 px-3 bg-subtle",
}}
onChange={(opt) => {
setRequiresConfirmationSetup({
time: