Lars/mitai-jinkendo
1
0
Fork 0
Code Issues 33 Pull Requests Actions Packages Projects Releases 5 Wiki Activity

feat: Update dashboard layout to use grid for responsive stat cards
All checks were successful
Deploy Development / deploy (push) Successful in 55s
Details
Build Test / lint-backend (push) Successful in 0s
Details
Build Test / build-frontend (push) Successful in 14s
Details

Browse Source
This commit is contained in:
Lars 2026-04-05 08:12:10 +02:00
parent c2b2c71ccd
commit d51bfd3daa
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app.css
View File

@ -371,9 +371,10 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
margin-bottom: 16px; margin-bottom: 16px;
} }
/* KPI: immer gleich breite Spalten — Mobile 2×2, Desktop 1×4 (kein „einzelne volle Zeile“) */
.dashboard-stat-grid { .dashboard-stat-grid {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px; gap: 8px;
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -384,8 +385,7 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
padding: 12px 10px; padding: 12px 10px;
border: 1px solid var(--border); border: 1px solid var(--border);
transition: border-color 0.15s; transition: border-color 0.15s;
flex: 1 1 140px; min-width: 0;
min-width: 80px;
box-sizing: border-box; box-sizing: border-box;
} }
@ -402,17 +402,10 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
@media (min-width: 1024px) { @media (min-width: 1024px) {
.dashboard-stat-grid { .dashboard-stat-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px; gap: 10px;
} }
.dashboard-stat-grid .dashboard-stat-card {
flex: unset;
min-width: 0;
width: 100%;
}
.dashboard-summary-row { .dashboard-summary-row {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;