Fix form styles

frakt-solana · Dec 13, 2024 · 7f8397f · 7f8397f
1 parent e557b2e
commit 7f8397f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/pages/tokenLending/LeveragePage/LeveragePage.module.less b/src/pages/tokenLending/LeveragePage/LeveragePage.module.less
@@ -26,9 +26,6 @@
 .content {
   border: var(--border-primary);
   border-radius: 12px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-
   padding: 24px 0;
 
   max-width: 392px;
@@ -43,6 +40,10 @@
     max-width: unset;
   }
 }
+.contentWithOrderBook {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 
 .controlBtns {
   display: flex;

diff --git a/src/pages/tokenLending/LeveragePage/LeveragePage.tsx b/src/pages/tokenLending/LeveragePage/LeveragePage.tsx
@@ -1,6 +1,7 @@
 import { FC, useState } from 'react'
 
 import { useWallet } from '@solana/wallet-adapter-react'
+import classNames from 'classnames'
 import { Navigate, useParams } from 'react-router-dom'
 
 import { Button } from '@banx/components/Buttons'
@@ -100,7 +101,7 @@ const LeverageContent: FC<LeverageContentProps> = ({ pair, collateralToken }) =>
 
   return (
     <div className={styles.container}>
-      <div className={styles.content}>
+      <div className={classNames(styles.content, { [styles.contentWithOrderBook]: showOrderBook })}>
         <div className={styles.controlBtns}>
           <Button variant="tertiary" onClick={() => setShowOrderBook((prev) => !prev)}>
             {showOrderBook ? 'Hide offers' : 'Show offers'}

diff --git a/src/pages/tokenLending/LeveragePage/components/OrderBook/OrderBook.module.less b/src/pages/tokenLending/LeveragePage/components/OrderBook/OrderBook.module.less
@@ -4,6 +4,7 @@
   border-radius: 12px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  overflow: hidden;
 
   padding-top: 12px;
 
@@ -20,7 +21,6 @@
     justify-content: space-between;
     padding: 0 0 120px;
 
-    overflow: hidden;
     max-width: unset;
     height: unset;
   }