优化CSS样式

src/modules/live/test/components/Demo.vue

@@ -276,6 +276,7 @@ const onStatsChange = (stats) => {
     border-radius: 0;
     border-left: none;
     border-right: none;
+    box-sizing: border-box;
   }
   .live-time {
     height: auto;

src/modules/live/test/components/Live.vue

@@ -347,8 +347,8 @@ defineExpose({ enabled, start, stop })
     width: 100%;
 
     &-bd {
-      height: 50vh;
-      max-height: 50vh;
+      height: 80vh;
+      max-height: 80vh;
       border-radius: 0;
     }
 
@@ -367,8 +367,8 @@ defineExpose({ enabled, start, stop })
 
   @media (max-width: 480px) {
     &-bd {
-      height: 40vh;
-      max-height: 40vh;
+      height: 80vh;
+      max-height: 80vh;
     }
   }
 }

src/modules/live/test/components/LivePlayback.vue

@@ -162,8 +162,8 @@ const handleInput = (value) => {
     width: 100%;
 
     &-bd {
-      height: 50vh;
-      max-height: 50vh;
+      height: 80vh;
+      max-height: 80vh;
       border-radius: 0;
     }
 
@@ -185,8 +185,8 @@ const handleInput = (value) => {
 
   @media (max-width: 480px) {
     &-bd {
-      height: 40vh;
-      max-height: 40vh;
+      height: 80vh;
+      max-height: 80vh;
     }
   }
 }