fix: sidebar

src/layouts/AdminLayout.vue

@@ -8,7 +8,7 @@
 <template>
     <div class="wrapper">
         <Sidebar/>
-        <div class="content">
+        <div class="main-panel" id="main-panel">
             <NavBar/>
             <div class="view">
                 <RouterView />
@@ -20,24 +20,37 @@
 
 <style lang="scss" scoped>
     .wrapper {
+        position: relative;
+        width: 100wv;
+        top: 0;
+        height: 100vh; 
         display: flex;
-        width: 100%;
-        align-items: stretch;
         background-color: #f6f3f3;
     }
+    
+    .main-panel {
+        position: relative;
+        margin-left: 220px;
+        width: calc(100wv - 220px) !important;
+    }
 
     .view {
-        margin: 24px 50px;
-        // width: calc(100vw - 260px);
+        width: 100%;
+        padding: 24px 50px;
     }
 
     @media (max-width: 1400px) {
         .view {
-            margin: 24px 24px;
+            padding: 24px 24px;
         }
     }
 
     @media (max-width: 768px) {
+        .main-panel {
+            position: relative;
+            margin-left: 0px;
+            width: 100wv !important;
+        }
         .view {
             margin: 24px 12px;
         }