样式修改

src/styles/mixin.scss

@@ -97,7 +97,7 @@
   display: flex;
   flex-direction: column;
   min-width: 1100px;
-  height: calc(100% - 51px);
+  min-height: calc(100% - 5px);
 
   > .menu {
     position: sticky;
@@ -129,13 +129,13 @@
 
   > main {
     display: flex;
+    flex: 1;
     flex-direction: column;
     row-gap: 5px;
     min-width: 1100px;
     min-height: if($isMenu, calc(100% - 57px), 100%);
     padding: 5px;
     margin: 0 5px;
-    text-align: center;
     background-color: #fff;
     border-radius: 4px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 10%);

src/views/personal_workbench/edit_task/preview/index.vue

@@ -131,6 +131,7 @@ export default {
   }
 
   main.preview-main {
+    flex: 1;
     width: 1100px;
     margin: 0 auto;
     background-color: #fff;