Ver código fonte

[FIX] 表格宽度问题

Kunduin 7 anos atrás
pai
commit
d150bc5473

Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 58
mock/util/makeLongMarkdown.js


+ 6 - 0
src/App.vue

@@ -9,4 +9,10 @@
   background: $default-background;
   word-wrap: break-word;
 }
+
+.content .table {
+  table-layout: fixed;
+  overflow: auto;
+  width: 100%;
+}
 </style>

+ 4 - 4
src/layouts/courseLayouts/LayoutStructure.vue

@@ -72,6 +72,8 @@ $left-padding-calc: calc(#{$left-padding});
 $left-width-calc: calc(#{$left-width});
 $top-section-height: 4.25rem;
 
+$left-final-width: 280px;
+
 .course-layout {
   display: flex;
   min-height: 100vh;
@@ -80,14 +82,12 @@ $top-section-height: 4.25rem;
 }
 
 .router-section {
-  /*padding: 24px;*/
-  flex: 1;
-  /*max-width: 1000px;*/
+  width: calc(100vw - #{$left-final-width});
 }
 .menu-section {
   //min-width: $menu-width;
   //width: $left-width-calc;
-  min-width: 280px;
+  width: 280px;
   /*background: white;*/
   /*border-right: 3px solid rgb(159, 148, 254);*/
   padding-left: $left-padding-calc;

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff