Selaa lähdekoodia

修复高度问题

moki 4 päivää sitten
vanhempi
sitoutus
0cca065879
1 muutettua tiedostoa jossa 10 lisäystä ja 2 poistoa
  1. 10 2
      src/views/DeviceConfig.vue

+ 10 - 2
src/views/DeviceConfig.vue

@@ -690,13 +690,19 @@ onMounted(() => window.addEventListener('resize', onResize))
   width: 100%;
   height: 100%;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
 
   :deep(.ant-card-head) {
     min-height: 46px;
+    flex-shrink: 0;
   }
 
   :deep(.ant-card-body) {
-    height: calc(100% - 46px);
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
     overflow: hidden;
   }
 
@@ -761,7 +767,8 @@ onMounted(() => window.addEventListener('resize', onResize))
   display: flex;
   gap: 8px;
   align-items: stretch;
-  height: calc(100% - 52px);
+  flex: 1;
+  min-height: 0;
   overflow: hidden;
 }
 
@@ -777,6 +784,7 @@ onMounted(() => window.addEventListener('resize', onResize))
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
+  min-height: 0;
   overflow: hidden;
 
   .log-card {