Icônes + CSS et intégration Backend

src/assets/base.css

@@ -60,6 +60,7 @@
 
 body {
   min-height: 100vh;
+  margin: 0;
   color: var(--color-text);
   background: var(--color-background);
   transition:

src/assets/main.css

@@ -3,8 +3,10 @@
 /* VUE STYLE */
 #app {
   /* max-width: 1280px; */
-  margin: 0 auto;
-  padding: 2rem;
+  /* margin: 0 auto; */
+  /* padding: 2rem;*/
+  height: inherit;
+  width: inherit;
   font-weight: normal;
 }
 
@@ -29,8 +31,8 @@ a,
   }
 
   #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
+    /* display: grid; */
+    /* grid-template-columns: 1fr 1fr; */
     padding: 0 2rem;
   }
 }
@@ -61,7 +63,10 @@ a,
 }
 
 .main {
-  margin-left: 200px; /* 200px is the width of the header vl position */
+  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; */
 }