优化
This commit is contained in:
+1
-20
@@ -1,7 +1,7 @@
|
||||
@import './foundation.css';
|
||||
@import './shell.css';
|
||||
|
||||
.forbidden-page { display: flex; min-height: min(560px, calc(100vh - 136px)); align-items: center; justify-content: center; flex-direction: column; padding: clamp(28px, 7vw, 64px) clamp(18px, 6vw, 48px); border: 1px solid var(--cc-border); border-radius: 8px; background: #fff; text-align: center; }
|
||||
.forbidden-page { display: flex; min-height: min(560px, calc(100vh - 136px)); align-items: center; justify-content: center; flex-direction: column; padding: clamp(28px, 7vw, 64px) clamp(18px, 6vw, 48px); border: 1px solid var(--workbench-border); border-radius: var(--workbench-radius); background: var(--workbench-surface); color: var(--workbench-text); box-shadow: var(--workbench-shadow); text-align: center; }
|
||||
.forbidden-icon { display: grid; width: 56px; height: 56px; place-items: center; margin-bottom: 18px; border-radius: 8px; background: #fef3f2; color: #b42318; }
|
||||
.forbidden-page .section-kicker { margin: 0 0 8px; }
|
||||
.forbidden-page h2 { max-width: 560px; margin: 0 0 10px; font-size: 20px; line-height: 1.35; }
|
||||
@@ -9,23 +9,7 @@
|
||||
.forbidden-page .forbidden-source { margin-bottom: 20px; color: #475467; font-size: 12px; }
|
||||
.forbidden-page .el-button { min-height: 44px; }
|
||||
|
||||
.login-page { display: grid; min-height: 100vh; grid-template-columns: minmax(420px, 1.05fr) minmax(420px, .95fr); background: #fff; }
|
||||
.login-intro { display: flex; flex-direction: column; justify-content: space-between; padding: 46px clamp(42px, 7vw, 100px); background: var(--cc-navy); color: #fff; }
|
||||
.login-brand { display: flex; align-items: center; min-height: 64px; }
|
||||
.login-brand-logo { display: block; width: 205px; height: 64px; object-fit: contain; object-position: left center; }
|
||||
.eyebrow, .section-kicker { color: #3975e9; font-size: 11px; font-weight: 750; letter-spacing: 0; }
|
||||
.login-intro h1 { max-width: 680px; margin: 16px 0 22px; font-size: 52px; line-height: 1.16; letter-spacing: 0; }
|
||||
.intro-copy { max-width: 560px; color: #b9c6d8; font-size: 16px; line-height: 1.8; }
|
||||
.security-note { display: flex; align-items: center; gap: 10px; color: #cbd5e1; font-size: 13px; }
|
||||
.login-panel { display: grid; place-items: center; padding: 48px; }
|
||||
.login-card { width: min(410px, 100%); }
|
||||
.login-card-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 12px; background: #eaf1ff; color: var(--cc-primary); }
|
||||
.login-card h2 { margin: 22px 0 8px; font-size: 28px; }
|
||||
.login-card > p { margin: 0 0 30px; color: var(--cc-muted); }
|
||||
.login-submit { width: 100%; }
|
||||
.login-submit span { display: flex; align-items: center; gap: 8px; }
|
||||
.login-error { margin: 14px 0 0; color: #b42318; font-size: 13px; line-height: 1.5; }
|
||||
.login-error > p { margin: 0; }
|
||||
.api-error-alert-title { min-width: 0; }
|
||||
|
||||
.dashboard-stack { display: flex; flex-direction: column; gap: 20px; }
|
||||
@@ -205,8 +189,6 @@
|
||||
.filter-panel { align-items: stretch; flex-direction: column; }
|
||||
.filter-actions { justify-content: flex-end; }
|
||||
.form-grid.three-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.login-page { grid-template-columns: 1fr; }
|
||||
.login-intro { display: none; }
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@@ -255,7 +237,6 @@
|
||||
.detail-identity .status-badge { grid-column: 2; justify-self: start; }
|
||||
.section-heading-row { flex-direction: column; }
|
||||
.legend-list { display: none; }
|
||||
.login-panel { padding: 30px 20px; }
|
||||
}
|
||||
|
||||
@media (max-width: 420px) {
|
||||
|
||||
Reference in New Issue
Block a user