Sfoglia il codice sorgente

fix:添加C端登录首页样式

lazy 6 mesi fa
parent
commit
746b821a87
2 ha cambiato i file con 18 aggiunte e 0 eliminazioni
  1. 12 0
      src/layout/components/AppMain.vue
  2. 6 0
      src/styles/sidebar.scss

+ 12 - 0
src/layout/components/AppMain.vue

@@ -42,6 +42,18 @@ export default {
   background: #fff;
   padding: 20px;
 }
+
+@media screen and (max-width: 768px) {
+  .app-main {
+    /*50 = navbar  */
+    min-height: calc(100vh - 170px);
+    /* min-height: 100vh; */
+    width: calc(100% - 40px);
+    position: relative;
+    overflow: auto;
+    min-width: 1000px;
+  }
+}
 </style>
 
 <style lang="scss">

+ 6 - 0
src/styles/sidebar.scss

@@ -6,6 +6,12 @@
     margin-left: $sideBarWidth;
     position: relative;
   }
+  @media screen and (max-width: 768px) {
+    .main-container {
+      overflow-x: scroll;
+    }
+  }
+
 
   .sidebar-container {
     padding-top: 20px;