style: align H5 auth entry with legacy UI

This commit is contained in:
Codex
2026-07-02 03:23:03 +08:00
parent 2cb025b74f
commit 02412f2bfb
6 changed files with 369 additions and 18 deletions

View File

@@ -114,6 +114,48 @@
min-width: 0;
}
.login-page-admin {
background:
linear-gradient(to right, rgba(15, 23, 42, 0.035) 1px, transparent 1px),
linear-gradient(to bottom, rgba(15, 23, 42, 0.035) 1px, transparent 1px),
#f4f6f9;
background-size: 40px 40px;
}
.login-page-admin .login-hero {
background: #111827;
box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18);
}
.login-page-admin .login-hero::after {
background: rgba(37, 99, 235, 0.26);
}
.login-page-admin .login-avatar {
border-color: rgba(255, 255, 255, 0.18);
background: #1e293b;
}
.login-page-admin .login-avatar-mark {
color: #fff;
}
.login-page-admin .login-kicker {
color: #93c5fd;
}
.login-page-admin .login-card {
border-color: #e5e7eb;
}
.login-page-admin .login-card .row-main {
color: #111827;
}
.login-page-admin .login-card .row-meta {
color: #64748b;
}
.student-topbar {
display: flex;
align-items: center;
@@ -2026,6 +2068,71 @@
font-weight: 900;
}
.notifications-page .notification-row,
.review-page .list-row,
.video-page .list-row {
border-left: 4px solid #1152d4;
}
.notifications-page .notification-row:nth-child(2n),
.review-page .list-row:nth-child(2n),
.video-page .list-row:nth-child(2n) {
border-left-color: #10b981;
}
.notifications-page .notification-row:nth-child(3n),
.review-page .list-row:nth-child(3n),
.video-page .list-row:nth-child(3n) {
border-left-color: #f59e0b;
}
.checkout-page .quiet-panel,
.reports-page .report-panel,
.profile-page .profile-card,
.vocabulary-overview-panel,
.scoreline-filter-panel {
overflow: hidden;
}
.checkout-page .quiet-panel::before,
.reports-page .report-panel::before,
.profile-page .profile-card::before,
.vocabulary-overview-panel::before,
.scoreline-filter-panel::before {
content: "";
display: block;
width: 56px;
height: 4px;
margin-bottom: 16px;
border-radius: 999px;
background: #1152d4;
}
.assets-page .asset-preview-panel,
.scoreline-page .scoreline-filter-panel,
.vocabulary-page .vocabulary-card,
.handbook-page .handbook-search-panel {
border-top: 4px solid #1152d4;
}
.video-page .video-frame {
border-radius: 16px;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.student-page .toolbar::-webkit-scrollbar,
.scoreline-chip-row::-webkit-scrollbar,
.handbook-outline::-webkit-scrollbar {
height: 6px;
}
.student-page .toolbar::-webkit-scrollbar-thumb,
.scoreline-chip-row::-webkit-scrollbar-thumb,
.handbook-outline::-webkit-scrollbar-thumb {
border-radius: 999px;
background: #cbd5e1;
}
@media (min-width: 900px) {
.student-page {
width: 100%;
@@ -2068,6 +2175,10 @@
padding: 40px;
}
.login-page-admin .login-hero {
border-radius: 24px 0 0 24px;
}
.login-card .input {
height: 52px;
font-size: 15px;