fix spacing of background and main container

the-collab-lab · May 24, 2023 · 6da26ce · 6da26ce
1 parent 5f4d9b2
commit 6da26ce
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/views/Home.css b/src/views/Home.css
@@ -1,4 +1,4 @@
-#checklist {
+/* #checklist {
  --background: #ffffff;
  --text: #414856;
  --check: #4f29f0;
@@ -265,16 +265,16 @@
  -14px -8px 0 0px #4f29f0;
  }
 }
-body {
+/* body {
  background: #e8ebf3;
  height: 100vh;
  font: 400 16px 'Varela Round', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
-}
+} */
 
-.logo {
+/* .logo {
  margin: 25px 50px;
-}
+} */
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -23,9 +23,14 @@ export function Layout() {
  <>
  <Container
  maxWidth="false"
- sx={{ bgcolor: 'silver', display: 'flex', flexDirection: 'column' }}
+ sx={{
+ bgcolor: 'silver',
+ display: 'flex',
+ flexDirection: 'column',
+ maxWidth: '100%',
+ }}
  >
- <Container maxWidth="lg" sx={{ p: '0' }} disableGutters>
+ <Container maxWidth="xl" sx={{ p: '0' }} disableGutters>
  <AppBar position="relative">
  <Container maxWidth="xl">
  <Toolbar sx={{ justifyContent: 'space-between' }}>
@@ -90,7 +95,7 @@ export function Layout() {
  </Container>
 
  <Container
- maxWidth="lg"
+ maxWidth="xl"
  sx={{
  bgcolor: 'white',
  display: 'flex',