Ver código fonte

优化page1页面样式

niujiuru 2 semanas atrás
pai
commit
a8d89016b2

+ 2 - 0
web-ui.service/web/static/css/button.css

@@ -11,6 +11,8 @@
     align-items: center;
     gap: 6px;
     transition: background 0.15s ease, border-color 0.15s ease;
+    flex-shrink:0;
+    white-space:nowrap;
 }
 
 .btn:hover {

+ 5 - 3
web-ui.service/web/static/css/page1.css

@@ -48,6 +48,7 @@
 .info-list {
     width:100%;
     padding:0 8px;
+    overflow-x:auto;
 }
 
 .info-item {
@@ -55,10 +56,11 @@
     display:flex;
     align-items:center;
     border-bottom:1px solid #1f2937;
+    min-width:max-content;
 }
 
 .info-info {
-    width:150px;
+    width:145px;
     flex-shrink:0;
     display:flex;
     flex-direction:column;
@@ -75,10 +77,10 @@
 }
 
 .info-value {
-    width:150px;
+    width:145px;
     margin-left:8px;
     text-align:center;
     color:#94a3b8;
     font-size:14px;
     font-family:ui-monospace,Consolas,monospace;
-}
+}