style: refactor to same same

brown-ccv · Feb 29, 2024 · 8515c6a · 8515c6a
1 parent d486873
commit 8515c6a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 18 deletions.
diff --git a/src/App.js b/src/App.js
@@ -13,16 +13,14 @@ export function App() {
   return (
     <div aria-live="polite">
       <Navbar />
-      <div className="App">
-        <BrowserRouter>
-          <main>
-            <Routes>
-              <Route exact path="/" element={<ContentPage />} />
-            </Routes>
-          </main>
-        </BrowserRouter>
-        <Footer />
-      </div>
+      <BrowserRouter>
+        <main className="main">
+          <Routes>
+            <Route exact path="/" element={<ContentPage />} />
+          </Routes>
+        </main>
+      </BrowserRouter>
+      <Footer />
     </div>
   );
 }
diff --git a/src/styles/components/_app.scss b/src/styles/components/_app.scss
diff --git a/src/styles/custom.scss b/src/styles/custom.scss
@@ -8,7 +8,11 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
 @import './src/styles/components/_brown_fonts.scss';
 @import './src/styles/components/_brown_icons.scss';
 @import './src/styles/components/_brown_footer.scss';
-@import './src/styles/components/_app.scss';
+
+.main {
+  min-height: 90vh;
+  padding: 2vw 3vw;
+}
 
 .form-group.required > .form-label:after {
   content: ' *';