优化page1页面对齐效果

web-ui.service/web/pages/page1.html

@@ -63,7 +63,7 @@
       </div>
     </div>
 
-    <div class="page1-card">
+    <div class="page1-card service-card">
       <div class="page1-header">📦 云飞</div>
       <div class="info-list">
         <div class="info-item">

web-ui.service/web/static/css/page1.css

@@ -14,7 +14,7 @@
 .page1-grid-2 {
     width:100%;
     display:grid;
-    grid-template-columns:1fr 2fr;
+    grid-template-columns:repeat(3, minmax(0, 1fr));
     gap:20px;
     margin-top:20px;
 }
@@ -28,6 +28,10 @@
     overflow:hidden;
 }
 
+.service-card {
+    grid-column:span 2;
+}
+
 .page1-header {
     height:24px;
     line-height:24px;
@@ -43,6 +47,7 @@
 
 .info-list {
     width:100%;
+    padding:0 8px;
 }
 
 .info-item {
@@ -53,19 +58,18 @@
 }
 
 .info-info {
+    width:150px;
+    flex-shrink:0;
     display:flex;
     flex-direction:column;
 }
 
 .info-name {
-    width:150px;
-    flex-shrink:0;
     color:#cbd5e1;
     font-size:14px;
 }
 
 .info-desc {
-    flex:1;
     color:#64748b;
     font-size:12px;
 }
@@ -77,4 +81,4 @@
     color:#94a3b8;
     font-size:14px;
     font-family:ui-monospace,Consolas,monospace;
-}
+}