Update content container width

LANL-Bioinformatics · Jan 23, 2025 · eca1192 · eca1192
1 parent 0c47330
commit eca1192
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/webapp/client/src/components/AppContent.js b/webapp/client/src/components/AppContent.js
@@ -13,7 +13,7 @@ const AppContent = () => {
     <CContainer className="px-4" lg>
       <Suspense fallback={<CSpinner color="primary" />}>
         <Row className="justify-content-center">
-          <Col xs="12" md="12">
+          <Col xs="12" md="11" lg="10">
             <Routes>
               {routes.map((route, idx) => {
                 return (

diff --git a/webapp/client/src/scss/_variables.scss b/webapp/client/src/scss/_variables.scss
@@ -3,3 +3,20 @@
 // If you want to customize your project please add your variables below.
 
 $enable-deprecation-messages: false !default;
+
+// set max to big #
+// scss-docs-start container-max-widths
+$container-max-widths: (
+  sm: 5400px,
+  md: 7200px,
+  lg: 9600px,
+  xl: 11400px,
+  xxl: 13200px
+) !default;
+
+// .body {
+//   padding-top: 0px;
+//   padding-right: 100px;
+//   padding-bottom: 100px;
+//   padding-left: 100px;
+// }