biss/Academic-Affairs-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

3

Browse Source
This commit is contained in:
biss
2026-07-24 13:11:09 +08:00 Unverified
parent 6c3021ea8d
commit 30d793773c
23 changed files with 3479 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/style.css
+41 -2
View File
@@ -126,6 +126,35 @@ button { cursor: pointer; }
.entity-form .el-select, .entity-form .el-date-editor { width: 100%; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid.compact { align-items: center; }
.form-grid.three { grid-template-columns: repeat(3, 1fr); }
.registry-switch { display: grid; grid-template-columns: 1fr 1fr 180px; min-height: 112px; border: 1px solid var(--line); background: white; }
.registry-switch button { padding: 22px 26px; display: grid; gap: 4px; text-align: left; border: none; border-right: 1px solid var(--line); border-bottom: 3px solid transparent; background: white; }
.registry-switch button:hover { background: #fafbfc; }
.registry-switch button.active { border-bottom-color: var(--teal); background: #f7fbfa; }
.registry-switch button > span { color: #9ba3b1; font: 700 9px/1.2 Consolas, monospace; letter-spacing: .13em; }
.registry-switch button > b { font-family: "STZhongsong", "Songti SC", serif; font-size: 19px; }
.registry-switch button > small { color: var(--muted); font-size: 11px; }
.registry-total { padding: 20px; display: grid; place-content: center; text-align: center; background: var(--indigo-deep); color: white; }
.registry-total span, .registry-total small { color: #aeb8d6; font-size: 10px; }
.registry-total strong { margin: 3px 0; font: 700 30px/1 Consolas, monospace; color: #59d3c1; }
.filter-bar { min-height: 72px; padding: 14px 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); background: #fbfcfd; }
.filter-bar > .el-input { width: 280px; }
.filter-bar > .el-select { width: 150px; }
.registry-number, .course-code { color: var(--indigo); font: 700 12px/1.2 Consolas, monospace; letter-spacing: .03em; }
.record-name, .course-name { display: grid; gap: 3px; }
.record-name b, .course-name b { color: var(--ink); font-size: 13px; }
.record-name span, .course-name span { color: #9299a7; font-size: 10px; }
.pagination-bar { min-height: 62px; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); }
.pagination-bar > span { color: var(--muted); font-size: 11px; }
.course-ledger { min-height: 92px; display: flex; align-items: stretch; color: white; background: linear-gradient(105deg, #1a2d61, #263f80); overflow: hidden; position: relative; }
.course-ledger::after { content: "CATALOGUE"; position: absolute; right: 22px; top: 8px; color: rgba(255,255,255,.045); font: 700 44px/1 Consolas, monospace; letter-spacing: .08em; }
.ledger-label { width: 220px; padding: 18px 26px; display: flex; align-items: baseline; gap: 7px; border-right: 1px solid rgba(255,255,255,.12); position: relative; z-index: 1; }
.ledger-label span { align-self: flex-start; color: #aeb8d6; font-size: 11px; }
.ledger-label b { margin-left: auto; font: 700 31px/1 Consolas, monospace; color: #58d0bf; }
.ledger-label small { color: #c4cce3; font-size: 10px; }
.ledger-rule { display: flex; align-items: center; gap: 0; position: relative; z-index: 1; }
.ledger-rule span { padding: 8px 28px; border-right: 1px solid rgba(255,255,255,.12); color: #d2d8e9; font-size: 11px; letter-spacing: .08em; }
.login-page { min-height: 100vh; display: grid; grid-template-columns: minmax(440px, 1.2fr) minmax(420px, .8fr); background: white; }
.login-story { min-height: 100vh; padding: 54px clamp(45px, 6vw, 90px); display: flex; flex-direction: column; color: white; background: linear-gradient(142deg, #13224d, #243a77 62%, #176b71); overflow: hidden; position: relative; }
@@ -182,8 +211,18 @@ button { cursor: pointer; }
.foundation-list i { display: none; }
.page-intro { align-items: flex-end; }
.page-intro p { display: none; }
.data-card { overflow: visible; }
.form-grid { grid-template-columns: 1fr; gap: 0; }
.registry-switch { grid-template-columns: 1fr 1fr; }
.registry-switch button { padding: 17px; }
.registry-total { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-height: 54px; }
.registry-total strong { margin-left: auto; font-size: 22px; }
.filter-bar > .el-input { width: 100%; }
.filter-bar > .el-select { flex: 1 1 140px; width: auto; }
.course-ledger { min-height: auto; display: block; }
.ledger-label { width: 100%; }
.ledger-rule { overflow-x: auto; }
.ledger-rule span { padding: 12px 20px; white-space: nowrap; }
.data-card { overflow: hidden; }
.form-grid, .form-grid.three { grid-template-columns: 1fr; gap: 0; }
.el-dialog { width: calc(100vw - 24px) !important; }
.login-page { display: block; min-height: 100vh; background: #f4f6f9; }
.login-story { min-height: 310px; padding: 30px 25px; }