fix: account page layout (#1647)

VenusProtocol · Oct 24, 2023 · aabb907 · aabb907
1 parent 2f03472
commit aabb907
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/containers/Layout/index.tsx b/src/containers/Layout/index.tsx
@@ -39,7 +39,7 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
       >
         <Header />
 
-        <main className="w-full flex-1 px-4 pb-4 md:px-6 xl:mx-auto xl:max-w-[1360px] xl:px-10">
+        <main className="w-full shrink-0 grow px-4 pb-4 md:px-6 xl:mx-auto xl:max-w-[1360px] xl:px-10">
           {children}
         </main>
 

diff --git a/src/pages/Account/index.tsx b/src/pages/Account/index.tsx
@@ -7,11 +7,13 @@ const Account: React.FC = () => {
   const isPrimeEnabled = useIsFeatureEnabled({ name: 'prime' });
 
   return (
-    <>
-      {isPrimeEnabled && <PrimeStatusBanner className="mb-10 lg:mb-14" />}
+    <div className="flex h-full flex-col">
+      {isPrimeEnabled && <PrimeStatusBanner className="mb-10 flex-none lg:mb-14" />}
 
-      <AccountBreakdown />
-    </>
+      <div className="flex-auto">
+        <AccountBreakdown />
+      </div>
+    </div>
   );
 };