Add exam countdown and task overview

This commit is contained in:
biss committed 2026-09-16 21:27:29 +08:00
1 parent 997ba31e1a
commit f613e25407
4 files changed
+84 -13

No files matched your search

+5
View File
@@ -138,3 +138,8 @@ body {
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
.header-actions{display:flex;align-items:center;gap:10px}.overview-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap}.overview-link:hover{background:#eff6ff}.countdown{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 28px #bfdbfe}.countdown span{float:right;color:#bfdbfe}.countdown p,.countdown small{display:block;margin:0;color:#dbeafe;font-size:.82rem}.countdown strong{display:block;margin:12px 0 4px;font-size:1.45rem;letter-spacing:.02em}.countdown em{font-style:normal;font-size:.75rem;color:#bfdbfe;margin-right:3px}.task-overview{max-width:1040px}.overview-status{margin:-15px 0 20px;color:#64748b;font-size:.85rem}.type-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.type-card{min-height:145px;text-align:left;background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:16px;cursor:pointer;transition:.18s transform,.18s box-shadow}.type-card:hover,.type-card.selected{transform:translateY(-2px);box-shadow:0 12px 25px #dbeafe}.type-card.selected{outline:2px solid currentColor}.type-card>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.type-card span{font-weight:700}.type-card b{font-size:.8rem;color:#475569}.type-card small{display:block;margin-top:12px;color:#64748b;line-height:1.45;font-size:.76rem}.type-card [role=progressbar]{height:7px;margin-top:14px;background:#e2e8f0}.type-card.blue{color:#2563eb}.type-card.violet{color:#7c3aed}.type-card.teal{color:#0f766e}.type-card.orange{color:#c2410c}.type-card.rose{color:#be123c}.task-list-panel{background:#fff;border:1px solid #dbeafe;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px #dbeafe}.task-list-head{padding:24px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#eff6ff,#fff);border-bottom:1px solid #dbeafe}.task-list-head h2{margin:5px 0;font-size:1.5rem}.task-list-head p{margin:0;color:#64748b}.type-progress{text-align:right}.type-progress b{display:block;font-size:1.5rem;color:#1d4ed8}.type-progress span{font-size:.8rem;color:#64748b}.all-tasks{display:grid}.task-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:15px 22px;border-bottom:1px solid #eef2ff;color:#172554;text-decoration:none}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f8fbff}.task-state{color:#94a3b8}.task-row.completed .task-state{color:#2563eb}.task-row.completed{background:#fbfdff}.task-row b{font-size:.85rem}.task-row p{margin:4px 0 0;line-height:1.45}.task-row small{font-size:.76rem;color:#64748b;white-space:nowrap}
@media(max-width:900px){.type-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header-actions{align-items:flex-start;flex-direction:column}.type-cards{grid-template-columns:repeat(2,1fr)}.task-list-head{align-items:flex-start;flex-direction:column}.type-progress{text-align:left}.task-row{grid-template-columns:24px 1fr;padding:14px}.task-row small{grid-column:2}.countdown{grid-column:span 2}}
@media(max-width:420px){.type-cards{grid-template-columns:1fr}.countdown{grid-column:auto}.task-row p{font-size:.9rem}}