Improve dynamic font size (#551)

* source value token as balance-input token prop * improve balance-input dynamic font size
helix-bridge · Nov 1, 2023 · 0c778b8 · 0c778b8
1 parent d76ee7d
commit 0c778b8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/packages/apps/src/components/balance-input.tsx b/packages/apps/src/components/balance-input.tsx
@@ -60,21 +60,15 @@ export function BalanceInput({
       } else if (percent < 20) {
         setDynamicStyle("text-[3rem] font-extralight");
       } else if (percent < 30) {
-        setDynamicStyle("text-[2.25rem] font-extralight");
+        setDynamicStyle("text-[2.25rem] font-light");
       } else if (percent < 40) {
         setDynamicStyle("text-[1.875rem] font-light");
       } else if (percent < 50) {
-        setDynamicStyle("text-[1.5rem] font-light");
+        setDynamicStyle("text-[1.5rem] font-normal");
       } else if (percent < 60) {
-        setDynamicStyle("text-[1.25rem] font-light");
-      } else if (percent < 70) {
-        setDynamicStyle("text-[1.125rem] font-normal");
-      } else if (percent < 80) {
-        setDynamicStyle("text-[1rem] font-normal");
-      } else if (percent < 90) {
-        setDynamicStyle("text-[0.875rem] font-medium");
+        setDynamicStyle("text-[1.25rem] font-normal");
       } else {
-        setDynamicStyle("text-[0.75rem] font-medium");
+        setDynamicStyle("text-[1.125rem] font-medium");
       }
     }
   }, [value, dynamic]);

diff --git a/packages/apps/src/components/transfer.tsx b/packages/apps/src/components/transfer.tsx
@@ -282,7 +282,7 @@ export default function Transfer() {
         <Section label="Amount" className="mt-8" extra={isProduction() ? undefined : <Faucet />}>
           <BalanceInput
             balance={sourceBalance?.value}
-            token={sourceBalance?.token}
+            token={sourceValue?.token}
             value={transferValue}
             suffix="max"
             max={transferable}