style(wallet): Simplify CSS border properties and clean up code

3Dpass · Nov 21, 2023 · f238510 · f238510
1 parent 3d2ad21
commit f238510
Showing 1 changed file with 3 additions and 13 deletions.
diff --git a/app/components/wallet/Account.client.tsx b/app/components/wallet/Account.client.tsx
@@ -269,32 +269,22 @@ export default function Account({ pair }: IProps) {
   const accountLocked: boolean = pair.isLocked && !pair.meta.isInjected;
 
   return (
-    <div className="relative p-3 pt-9 text-sm border border-gray-600">
+    <div className="relative p-3 pt-9 text-sm border-b border-l border-gray-600">
       {dialogElements}
       <AddressItem address={pair.address} />
       <div className="grid gap-1">
         {!balances && <Spinner size={SpinnerSize.SMALL} className="my-5" />}
         {balances && (
           <>
             <div className="grid grid-cols-3 gap-1 py-2">
-              <TitledValue
-                title={t("root.lbl_total_balance")}
-                fontMono
-                fontSmall
-                value={<FormattedAmount value={balances.freeBalance.toBigInt()} />}
-              />
+              <TitledValue title={t("root.lbl_total_balance")} fontMono fontSmall value={<FormattedAmount value={balances.freeBalance.toBigInt()} />} />
               <TitledValue
                 title={t("root.lbl_transferable")}
                 fontMono
                 fontSmall
                 value={<FormattedAmount value={balances.availableBalance.toBigInt()} />}
               />
-              <TitledValue
-                title={t("root.lbl_locked")}
-                fontMono
-                fontSmall
-                value={<FormattedAmount value={balances.lockedBalance.toBigInt()} />}
-              />
+              <TitledValue title={t("root.lbl_locked")} fontMono fontSmall value={<FormattedAmount value={balances.lockedBalance.toBigInt()} />} />
             </div>
             {accountLocked && (
               <div className="my-2 text-center">