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:
co-authored by
amrit
Tushar Bhatt
Anik Dhabal Babu
parent
4546bd8653
commit
42e94cd5b7
+5
-3
@@ -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:
|
||||
|
||||
Reference in New Issue
Block a user