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

V3.7

Browse Source
This commit is contained in:
michael
2026-08-18 17:21:43 +02:00
parent 309249b7e7
commit 6b8c428ced
3 changed files with 175 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+71
View File
@@ -312,3 +312,74 @@ code { color:#b8c3ff; }
.year-account-filter label { min-width:0; width:100%; }
.year-filter-copy strong { font-size:16px; }
}
/* v3.6: frei definierbare Kategorien + Kategorie-Statistik */
.category-badge {
display:inline-flex;
align-items:center;
max-width:180px;
padding:4px 8px;
border-radius:999px;
border:1px solid #3a4760;
background:#172130;
color:#c7d0df;
font-size:10px;
font-weight:800;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.category-badge.muted-category {
color:#778499;
border-style:dashed;
background:#101722;
}
.new-category-field {
padding:10px;
margin-top:-4px;
border:1px solid #334158;
background:#0d141f;
border-radius:11px;
}
.stats-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
.category-stat-panel .section-head { align-items:flex-end; }
.category-total { flex:0 0 auto; font-size:18px; white-space:nowrap; }
.category-distribution { display:grid; gap:15px; }
.category-stat-row { min-width:0; }
.category-stat-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:7px; }
.category-stat-head > div:first-child { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:8px; }
.category-stat-head > div:first-child strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.category-stat-head > div:first-child small { grid-column:2; color:var(--muted); font-size:9px; margin-top:1px; }
.category-rank { grid-row:1 / span 2; width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#182131; border:1px solid #2d3a50; color:#8996aa; font-size:9px; font-weight:850; }
.category-stat-head > div:last-child { flex:0 0 auto; display:flex; align-items:baseline; gap:8px; text-align:right; }
.category-stat-head > div:last-child strong { font-size:13px; white-space:nowrap; }
.category-stat-head > div:last-child span { color:var(--muted); font-size:9px; min-width:42px; }
.category-bar { height:8px; overflow:hidden; border-radius:999px; background:#0a1018; border:1px solid #202b3b; }
.category-bar span { display:block; height:100%; border-radius:inherit; min-width:2px; }
.category-bar span.expense { background:linear-gradient(90deg,#d65f69,#ff8a93); }
.category-bar span.income { background:linear-gradient(90deg,#43ae85,#68d9aa); }
.category-bar span.transfer { background:linear-gradient(90deg,#7087e8,#9eaeff); }
.category-manager-list { display:grid; gap:8px; }
.category-manager-row { display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid #29364a; background:#0d131c; border-radius:12px; padding:11px 12px; }
.category-manager-row > div:first-child { min-width:0; }
.category-manager-row > div:first-child strong { display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.category-manager-row > div:first-child span { display:block; color:var(--muted); font-size:9px; margin-top:2px; }
@media (max-width:760px) {
.mobile-nav { grid-template-columns:repeat(8,minmax(50px,1fr)); }
.stats-summary { grid-template-columns:1fr 1fr; }
.category-stat-panel .section-head { align-items:flex-start; flex-direction:column; gap:7px; }
.category-total { font-size:15px; }
.category-stat-head { gap:8px; }
.category-stat-head > div:last-child { gap:5px; }
.category-stat-head > div:last-child strong { font-size:12px; }
.category-stat-head > div:last-child span { min-width:38px; }
.category-manager-row { align-items:flex-start; flex-direction:column; }
.category-manager-row .actions { width:100%; text-align:left; }
.category-manager-row .actions button { margin-left:0; margin-right:5px; }
}
@media (max-width:430px) {
.stats-summary { grid-template-columns:1fr 1fr; }
.category-stat-head > div:last-child { flex-direction:column; align-items:flex-end; gap:0; }
}