Ajout page 404 + Style dashboard et d'autres trucs

src/assets/main.css

@@ -5,8 +5,8 @@
   /* max-width: 1280px; */
   /* margin: 0 auto; */
   /* padding: 2rem;*/
-  height: inherit;
-  width: inherit;
+  /* height: inherit; */
+  /* width: inherit; */
   font-weight: normal;
 }
 
@@ -26,14 +26,24 @@ a,
 
 @media (min-width: 1024px) {
   body {
-    display: flex;
+    /* display: flex; */
     place-items: center;
   }
 
   #app {
-    /* display: grid; */
+    display: grid;
     /* grid-template-columns: 1fr 1fr; */
-    padding: 0 2rem;
+    height: 100vh;
+    width: 90vw;
+  }
+}
+
+@media screen and (max-height: 450px) {
+  .sidenav {
+    padding-top: 15px;
+  }
+  .sidenav a {
+    font-size: 18px;
   }
 }
 
@@ -62,21 +72,20 @@ a,
   color: #f1f1f1;
 }
 
+/* PAGE CONTENT */
 .main {
   margin-top: 60px; /* 60px is the height of the header navbar */
   height: calc(100% - 60px);
   margin-left: 200px; /* 200px is the width of the header vl position (or sidebar) */
   width: calc(100% - 200px);
-  /* padding: 0px 10px; */
+  padding: 2rem 2rem;
+  display: grid;
+  align-content: center;
+  align-items: center;
 }
 
-@media screen and (max-height: 450px) {
-  .sidenav {
-    padding-top: 15px;
-  }
-  .sidenav a {
-    font-size: 18px;
-  }
+.rounded {
+  border-radius: 20%;
 }
 
 /* ROUTE HIGHLIGHT */