fix(bridge-ui): max button css (#13192)

taikoxyz · Feb 20, 2023 · 9547f94 · 9547f94
1 parent 667a5d9
commit 9547f94
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/packages/bridge-ui/src/components/form/BridgeForm.svelte b/packages/bridge-ui/src/components/form/BridgeForm.svelte
@@ -348,13 +348,20 @@
     <span class="label-text">{$_("bridgeForm.fieldLabel")}</span>
 
     {#if $signer && tokenBalance}
-      <button class="label-text" on:click={useFullAmount}
-        >{$_("bridgeForm.maxLabel")}
-        {tokenBalance.length > 10
-          ? `${truncateString(tokenBalance, 6)}...`
-          : tokenBalance}
-        {$token.symbol}
-      </button>{/if}
+      <div class="label-text ">
+        <span>
+          {$_("bridgeForm.balance")}:
+          {tokenBalance.length > 10
+            ? `${truncateString(tokenBalance, 6)}...`
+            : tokenBalance}
+          {$token.symbol}
+        </span>
+
+        <button class="btn btn-xs rounded-md hover:border-accent text-xs ml-1 h-[20px]" on:click={useFullAmount}>
+          {$_("bridgeForm.maxLabel")}
+        </button>
+      </div>
+    {/if}
   </label>
 
   <label

diff --git a/packages/bridge-ui/src/i18n.js b/packages/bridge-ui/src/i18n.js
@@ -12,7 +12,8 @@ function setupI18n({ withLocale: _locale } = { withLocale: "en" }) {
       },
       bridgeForm: {
         fieldLabel: "Amount",
-        maxLabel: "Max:",
+        maxLabel: "Max",
+        balance: "Balance",
         processingFeeLabel: "Processing Fee",
         bridge: "Bridge",
         approve: "Approve",