ui(layout): wider layout with container-xl

joinmarket-webui · Dec 19, 2023 · 9de95c1 · 9de95c1
1 parent ceb6d9b
commit 9de95c1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -94,7 +94,7 @@ export default function App() {
         element={
           <>
             <Navbar />
-            <rb.Container as="main" className="py-4 py-sm-5" fluid>
+            <rb.Container as="main" className="py-4 py-lg-5" fluid="xl">
               <Outlet />
             </rb.Container>
             <Footer />

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -13,7 +13,7 @@ const Col = ({ variant, children }: PropsWithChildren<ColProps>) => {
   }
 
   return (
-    <rb.Col md={12} lg={10} xl={8} xxl={6}>
+    <rb.Col lg={10} xl={10} xxl={8}>
       {children}
     </rb.Col>
   )