V3.17
This commit is contained in:
@@ -963,3 +963,39 @@ code { color:#b8c3ff; }
|
||||
.amount-change-add { grid-template-columns:1fr; }
|
||||
.amount-change-add button { grid-column:auto; }
|
||||
}
|
||||
|
||||
/* v3.17: reduzierte Hauptnavigation + Kontoauszüge */
|
||||
.sidebar nav button { position:relative; }
|
||||
.nav-group-caret { margin-left:auto; color:#66758a; font-size:18px; line-height:1; }
|
||||
.sidebar nav button.active .nav-group-caret { color:#a7b2ff; }
|
||||
|
||||
.nav-menu-backdrop { position:fixed; inset:0; z-index:70; background:#02050a80; backdrop-filter:blur(3px); }
|
||||
.nav-menu-sheet { position:fixed; left:270px; top:132px; width:min(360px,calc(100vw - 300px)); background:#111722; border:1px solid #334158; border-radius:18px; padding:15px; box-shadow:0 28px 90px #000a; }
|
||||
.nav-menu-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 3px 11px; border-bottom:1px solid #253145; }
|
||||
.nav-menu-head div > span { display:block; color:#718096; text-transform:uppercase; letter-spacing:.08em; font-size:8px; font-weight:850; margin-bottom:2px; }
|
||||
.nav-menu-head div > strong { display:block; font-size:18px; }
|
||||
.nav-menu-items { display:grid; gap:7px; margin-top:10px; }
|
||||
.nav-menu-items button { width:100%; display:grid; grid-template-columns:38px minmax(0,1fr) 20px; align-items:center; gap:10px; border:1px solid transparent; background:#0d131c; color:var(--text); border-radius:12px; padding:10px; text-align:left; }
|
||||
.nav-menu-items button:hover { background:#151e2b; border-color:#30405a; }
|
||||
.nav-menu-items button.active { background:#18213a; border-color:#4b5fa6; }
|
||||
.nav-menu-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#182130; color:#9ba9ff; }
|
||||
.nav-menu-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
|
||||
.nav-menu-copy { min-width:0; }
|
||||
.nav-menu-copy strong { display:block; font-size:13px; margin-bottom:2px; }
|
||||
.nav-menu-copy small { display:block; color:var(--muted); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||||
.nav-menu-arrow { color:#718096; font-size:20px; text-align:right; }
|
||||
|
||||
.statements-page { max-width:820px; }
|
||||
.statements-page .report-export-panel { border-color:#35466a; }
|
||||
|
||||
@media (max-width:760px) {
|
||||
.mobile-nav { grid-template-columns:repeat(5,minmax(0,1fr)) !important; overflow-x:hidden !important; }
|
||||
.mobile-nav button { min-width:0 !important; font-size:9px !important; padding:6px 2px !important; }
|
||||
.mobile-nav svg { width:19px !important; height:19px !important; }
|
||||
.nav-menu-sheet { left:12px; right:12px; top:auto; bottom:calc(72px + env(safe-area-inset-bottom)); width:auto; padding:13px; border-radius:17px; }
|
||||
.nav-menu-backdrop { background:#02050aa8; }
|
||||
.nav-menu-items button { grid-template-columns:40px minmax(0,1fr) 20px; padding:11px; }
|
||||
.nav-menu-copy strong { font-size:14px; }
|
||||
.nav-menu-copy small { font-size:10px; }
|
||||
.statements-page { max-width:none; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user