Merge pull request #94 from laina-defi/fix/frontend-ui-glitches

Fix: frontend UI glitches
laina-defi · Feb 7, 2025 · 25aeb95 · 25aeb95
2 parents 24bfc72 + 4e36d60
commit 25aeb95
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/_borrow/BorrowableAsset.tsx b/src/pages/_borrow/BorrowableAsset.tsx
@@ -68,7 +68,7 @@ export const BorrowableAsset = ({ currency, onBorrowClicked }: BorrowableAssetCa
         </p>
       </td>
 
-      <td>
+      <td className="pr-0">
         {borrowDisabled ? (
           <div className="tooltip" data-tip={tooltip}>
             <Button disabled={true} onClick={() => {}}>

diff --git a/src/pages/_lend/DepositModal.tsx b/src/pages/_lend/DepositModal.tsx
@@ -87,7 +87,7 @@ export const DepositModal = ({ modalId, onClose, currency }: DepositModalProps)
   }
 
   return (
-    <Dialog className="min-w-160" modalId={modalId} onClose={closeModal}>
+    <Dialog className="md:w-[700px]" modalId={modalId} onClose={closeModal}>
       <h3 className="font-bold text-xl mb-8">Deposit {name}</h3>
       <p className="text-lg mb-2">Amount to deposit</p>
       <CryptoAmountSelector

diff --git a/src/pages/_lend/LendableAsset.tsx b/src/pages/_lend/LendableAsset.tsx
@@ -43,7 +43,7 @@ export const LendableAsset = ({ currency, onDepositClicked }: LendableAssetProps
       </td>
 
       <td>
-        <p className="text-xl font-semibold leading-6">
+        <p className="text-xl font-semibold mt-3 leading-6">
           {pool ? formatAmount(pool.totalBalanceTokens) : <Loading size="xs" />}
         </p>
         <p>{!isNil(price) && !isNil(pool) && toDollarsFormatted(price, pool.totalBalanceTokens)}</p>