Parcourir la source

fix: 布局重新换为居中布局

ChenYangfan il y a 6 ans
Parent
commit
cbd507776b
2 fichiers modifiés avec 9 ajouts et 3 suppressions
  1. 3 1
      src/components/TabSideComponent.vue
  2. 6 2
      src/views/shared/tab-common.scss

+ 3 - 1
src/components/TabSideComponent.vue

@@ -67,9 +67,11 @@ export default {
 }
 
 .large {
-  width: 380px;
+  min-width: 400px;
   min-height: 350px;
   padding: 0 24px;
+  display: flex;
+  align-items: center;
   &::after {
     z-index: -1;
     content: '';

+ 6 - 2
src/views/shared/tab-common.scss

@@ -3,12 +3,14 @@
   padding: 40px;
   flex: 1;
   min-width: 340px;
-  max-width: 720px;
+  max-width: 800px;
 }
 
 .left {
   box-sizing: border-box;
+  min-width: 340px;
   width: 340px;
+  align-items: center;
   min-height: 350px;
   max-height: 90vh;
   overflow: auto;
@@ -17,6 +19,7 @@
 
 .complex-tab {
   display: flex;
+  align-items: center;
 }
 
 
@@ -27,6 +30,7 @@
     padding: unset;
   }
   .left {
+    min-width: unset;
     padding-right: unset;
   }
 }
@@ -38,7 +42,7 @@
     box-sizing: border-box;
     width: 100%;
     max-width: unset;
-    padding: 24px 12px;
+    padding: 24px 12px 80px 12px;
   }
   .left {
     width: 100%;