biss/Exam-Information-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases 6 Wiki Activity

Implement application updates and refinements

Browse Source
This commit is contained in:
biss
2026-07-20 09:44:06 +08:00 Unverified
parent 4fa001cece
commit d4e085b6c5
9 changed files with 1704 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+37
View File
@@ -14,6 +14,40 @@
--radius: 16px;
}
/* School organization and Excel operations */
.excel-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 12px; padding: 14px 18px; border: 1px solid #dbe5ea; border-left: 4px solid #2c7b82; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(23,63,96,.05); }
.excel-toolbar > span strong, .excel-toolbar > span small { display: block; }
.excel-toolbar > span strong { color: #173f60; }
.excel-toolbar > span small { margin-top: 3px; color: #788b97; font-size: 11px; }
.excel-toolbar > div { display: flex; flex-wrap: wrap; gap: 8px; }
.school-org-banner { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 22px; padding: 28px 30px; color: #fff; background: linear-gradient(118deg, #142f4c, #1c526b 70%, #2a7c7c); border-radius: 12px; box-shadow: 0 18px 42px rgba(20,47,76,.16); }
.school-org-banner > div > span { color: #8ed8d4; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.school-org-banner h2 { margin: 6px 0; font-family: "STKaiti", "KaiTi", serif; font-size: 28px; }
.school-org-banner p { max-width: 620px; margin: 0; color: #c7dce4; line-height: 1.65; }
.school-org-banner dl { display: flex; gap: 26px; margin: 0; }
.school-org-banner dl div { min-width: 74px; padding-left: 18px; border-left: 1px solid rgba(255,255,255,.22); }
.school-org-banner dt { color: #bdd3dc; font-size: 11px; }
.school-org-banner dd { margin: 4px 0 0; font: 700 27px Consolas, monospace; }
.org-class-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.org-class-card { padding: 0; overflow: hidden; }
.org-class-card.inactive { opacity: .72; }
.org-class-card > header { display: flex; align-items: flex-start; justify-content: space-between; padding: 22px 24px 14px; }
.org-class-card > header span:first-child { color: #2c7b82; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.org-class-card h2 { margin: 4px 0 0; color: #173b55; font-family: "STKaiti", "KaiTi", serif; font-size: 23px; }
.org-class-metrics { display: flex; gap: 1px; background: #dfe7eb; }
.org-class-metrics span { flex: 1; padding: 13px 24px; background: #f7fafb; }
.org-class-metrics strong, .org-class-metrics small { display: block; }
.org-class-metrics strong { color: #1b5265; font-size: 20px; }
.org-class-metrics small { margin-top: 2px; color: #80909a; }
.org-class-card > section { padding: 18px 24px; }
.org-admin-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.org-admin-head > strong { color: #365266; font-size: 13px; }
.org-admin-row { width: 100%; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 9px 0; border: 0; border-top: 1px solid #e7edef; background: transparent; text-align: left; }
.org-admin-row > span:nth-child(2) strong, .org-admin-row > span:nth-child(2) small { display: block; }
.org-admin-row > span:nth-child(2) small { margin-top: 2px; color: #81909a; font-size: 10px; }
.org-empty { margin: 10px 0 0; color: #8a98a1; font-size: 12px; }
.org-class-card > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 24px; border-top: 1px solid #e5ecef; background: #f8fafb; }
/* School account batch issuance */
.batch-quota-panel { overflow: hidden; padding: 0; }
.batch-quota-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 30px 32px 24px; color: #fff; background: linear-gradient(120deg, #102944, #173f60 72%, #276e82); }
@@ -75,6 +109,9 @@
.flow-batch-snapshot > p { margin: 0; }
@media (max-width: 760px) {
.excel-toolbar, .school-org-banner { align-items: stretch; flex-direction: column; }
.school-org-banner dl { justify-content: space-between; }
.org-class-grid { grid-template-columns: 1fr; }
.batch-quota-head, .batch-submit-bar, .ledger-title { align-items: stretch; flex-direction: column; }
.batch-quota-head > div:last-child { padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,.2); border-left: 0; }
.quota-grid { grid-template-columns: 1fr; }