html/admin-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复bug

Browse Source
This commit is contained in:
ouyangxq
2026-07-31 15:34:35 +08:00
parent d0f94d95d7
commit b53fe81999
41 changed files with 362 additions and 3106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/index.css
+11 -9
View File
@@ -20,11 +20,12 @@ button { letter-spacing: 0; }
.app-shell { min-width: 0; min-height: 100vh; }
.app-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: 240px; flex-direction: column; background: var(--cc-navy); color: #fff; }
.is-collapsed .app-sidebar { width: 76px; }
.brand-block { display: flex; height: 72px; align-items: center; gap: 12px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand-mark { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 8px; background: #fff; color: var(--cc-navy); font-weight: 800; letter-spacing: 0; }
.brand-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.brand-copy strong { font-size: 16px; }
.brand-copy span { color: #aebbd0; font-size: 12px; }
.brand-block { display: flex; height: 72px; align-items: center; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand-logo { display: block; object-fit: contain; object-position: left center; }
.brand-logo-full { width: 184px; height: 58px; }
.brand-logo-mark { display: none; width: 40px; height: 40px; }
.is-collapsed .brand-logo-full { display: none; }
.is-collapsed .brand-logo-mark { display: block; }
.side-nav { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 10px; }
.side-nav-menu {
width: 100%;
@@ -82,8 +83,8 @@ button { letter-spacing: 0; }
.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; gap: 12px; font-weight: 700; }
.login-brand span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 10px; background: #fff; color: var(--cc-navy); }
.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; }
@@ -98,7 +99,6 @@ button { letter-spacing: 0; }
.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; }
.demo-tip { margin-top: 18px; padding: 10px 12px; border: 1px solid #dce6f8; background: #f7faff; color: #64748b; font-size: 12px; }
.dashboard-stack { display: flex; flex-direction: column; gap: 20px; }
.welcome-panel, .content-card, .module-card { border: 1px solid var(--cc-border); background: #fff; }
@@ -283,7 +283,9 @@ button { letter-spacing: 0; }
.app-sidebar { display: flex; width: min(280px, 86vw); transform: translateX(-100%); transition: transform .2s ease; }
.is-mobile-open .app-sidebar { transform: translateX(0); }
.is-collapsed .app-sidebar { width: min(280px, 86vw); }
.is-collapsed .brand-copy, .is-collapsed .sidebar-toggle span { display: flex; }
.is-collapsed .brand-logo-full { display: block; }
.is-collapsed .brand-logo-mark { display: none; }
.is-collapsed .sidebar-toggle span { display: flex; }
.side-nav-menu, .side-nav-menu.el-menu--collapse { width: 100%; }
.sidebar-toggle { display: none; }
.sidebar-scrim { position: fixed; inset: 0 0 0 min(280px, 86vw); z-index: 19; display: block; border: 0; background: rgba(15, 23, 42, .46); }