v3.5.2 大屏调整

apps/admin-web/src/admin.css

@@ -291,18 +291,21 @@ body:has(.big-screen-page),
   z-index: 1;
   flex: 1;
   min-height: 0;
+  width: 100%;
   display: flex;
   flex-direction: column;
-  padding: 0 8px;
+  padding: 0;
   overflow: hidden;
 }
 
 .big-screen-list-head,
 .big-screen-row {
   display: grid;
-  grid-template-columns: 208px 1fr 160px 200px;
+  grid-template-columns: minmax(180px, 18%) minmax(0, 1fr) minmax(140px, 16%) minmax(160px, 18%);
   align-items: center;
   column-gap: 16px;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .big-screen-list-head {
@@ -457,10 +460,16 @@ body:has(.big-screen-page),
 }
 
 .big-screen-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
   text-align: center;
-  color: rgba(255, 255, 255, 0.45);
-  padding: 48px 20px;
-  font-size: 18px;
+  color: rgba(145, 190, 230, 0.42);
+  padding: 48px 40px;
+  font-size: 60px;
+  letter-spacing: 6px;
+  font-weight: 400;
 }
 
 .big-screen-fx {
@@ -715,7 +724,7 @@ body:has(.big-screen-page),
   }
   .big-screen-list-head,
   .big-screen-row {
-    grid-template-columns: 172px 1fr 120px 160px;
+    grid-template-columns: minmax(140px, 20%) minmax(0, 1fr) minmax(110px, 16%) minmax(130px, 18%);
     font-size: 16px;
   }
   .big-screen-amount--6d {