michael/fixfin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3

Browse Source
This commit is contained in:
michael
2026-08-18 08:36:21 +02:00
parent c28c98852b
commit cf05c7a733
5 changed files with 153 additions and 447 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+22
View File
@@ -126,3 +126,25 @@ code { color:#b8c3ff; }
.summary-grid { grid-template-columns:1fr; }
.topbar .primary { padding:9px 11px; }
}
/* v1.2: periodische Fixkosten + Jahresprognose */
.toggle-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 18px; border:1px solid var(--line); background:#101722; border-radius:15px; }
.toggle-panel strong { display:block; font-size:14px; }
.toggle-panel span:not(.switch span) { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.switch { width:48px; height:27px; border-radius:999px; border:1px solid #354257; padding:2px; background:#202937; flex:0 0 auto; transition:.2s; }
.switch span { display:block; width:21px; height:21px; border-radius:50%; background:#8793a4; transition:.2s; }
.switch.on { background:var(--accent); border-color:var(--accent); }
.switch.on span { transform:translateX(20px); background:#101522; }
.info-note { padding:12px 15px; border-radius:12px; border:1px solid #65562a; background:#2b2616; color:#e9d98b; font-size:13px; }
.interval-badge { display:inline-block; padding:4px 8px; border-radius:999px; background:#1c2635; border:1px solid #304057; color:#b8c5d7; font-size:10px; font-weight:800; white-space:nowrap; }
.field-help { color:var(--muted); font-size:11px; margin-top:-2px; }
.year-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
.year-table { min-width:850px; }
.due-items { display:flex; flex-wrap:wrap; gap:5px; }
.due-chip { display:inline-flex; padding:4px 7px; border-radius:7px; font-size:10px; border:1px solid #344057; background:#192231; color:#c4cede; white-space:nowrap; }
.due-chip.income { border-color:#245947; color:#7de0b5; background:#112c24; }
.due-chip.expense { border-color:#67333b; color:#ff9aa2; background:#321a20; }
.due-chip.transfer { border-color:#414d7d; color:#adb9ff; background:#1c2340; }
.warning-panel { border-color:#5a4e2b; }
@media (max-width:760px) { .toggle-panel { align-items:flex-start; } .year-summary { grid-template-columns:1fr 1fr; } .mobile-nav { grid-template-columns:repeat(7,1fr); } }
@media (max-width:430px) { .year-summary { grid-template-columns:1fr; } }