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