优化补充课程小结按钮布局

2026-06-18 04:05:16 +08:00
parent 2c7dfad2b6
commit 9d9500ed36
2 changed files with 22 additions and 4 deletions
@@ -4,7 +4,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>新时空教务管理系统</title>
-    <link rel="stylesheet" href="/static/styles.css?v=20260618-record-summary-row" />
+    <link rel="stylesheet" href="/static/styles.css?v=20260618-summary-missing-width" />
  </head>
  <body>
    <header class="topbar">
@@ -844,15 +844,27 @@ td {
 }

 .summary-missing {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(2, 8em);
  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
+  justify-content: flex-start;
+  gap: 10px;
  padding: 12px 16px;
  color: var(--muted);
  font-size: 13px;
 }

+.summary-missing > span {
+  display: inline-flex;
+  align-items: center;
+  min-height: 30px;
+}
+
+.summary-supplement {
+  width: 100%;
+  padding: 0;
+}
+
 .summary-supplement-modal {
  width: min(100%, 700px);
 }
@@ -1480,4 +1492,10 @@ td {
  .admin-tab {
    padding: 0 10px;
  }
+
+  .summary-missing {
+    gap: 8px;
+    padding: 12px 14px;
+    grid-template-columns: repeat(2, 8em);
+  }
 }