Fix format number input element with div surrounding problematic obje…

…ct (#4488)
jbx-protocol · Oct 27, 2024 · 8d0b74e · 8d0b74e
1 parent 01626e7
commit 8d0b74e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/src/components/inputs/FormattedNumberInput.tsx b/src/components/inputs/FormattedNumberInput.tsx
@@ -103,7 +103,7 @@ export default function FormattedNumberInput({
       />
       <div
         className={twMerge(
-          'absolute bottom-1/2 z-auto text-xs',
+          'absolute z-auto text-xs',
           accessoryPosition === 'right' ? 'right-[5px]' : 'left-[10px]',
         )}
       >

diff --git a/src/packages/v2v3/components/V2V3Project/modals/V2V3DownloadActivityModal.tsx b/src/packages/v2v3/components/V2V3Project/modals/V2V3DownloadActivityModal.tsx
@@ -37,19 +37,20 @@ export default function V2V3DownloadActivityModal(props: ModalProps) {
       <label className="mb-1 block">
         <Trans>Block number</Trans>
       </label>
-      <FormattedNumberInput
-        value={blockNumber?.toString()}
-        onChange={val => setBlockNumber(val ? parseInt(val) : undefined)}
-        accessory={
-          <InputAccessoryButton
-            className="leading-none"
-            content={t`Latest`}
-            onClick={() => setBlockNumber(latestBlockNumber)}
-            disabled={blockNumber === latestBlockNumber}
-          />
-        }
-        className="mb-4"
-      />
+      <div className="mb-4">
+        <FormattedNumberInput
+          value={blockNumber?.toString()}
+          onChange={val => setBlockNumber(val ? parseInt(val) : undefined)}
+          accessory={
+            <InputAccessoryButton
+              className="leading-none"
+              content={t`Latest`}
+              onClick={() => setBlockNumber(latestBlockNumber)}
+              disabled={blockNumber === latestBlockNumber}
+            />
+          }
+        />
+      </div>
 
       <div className="flex flex-col gap-2">
         <Button