Lars/Kairo-Jinkendo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Überblick-Widget Overflow — volle Breite, 2x2 Grid in schmalen Karten
Some checks failed
Test Suite / playwright-smoke (push) Blocked by required conditions
Details
Deploy Development / deploy (push) Successful in 45s
Details
Test Suite / pytest-backend (push) Successful in 43s
Details
Test Suite / lint-backend (push) Successful in 2s
Details
Test Suite / compose-smoke (push) Has been skipped
Details
Test Suite / k6 /api/health Baseline (push) Has been cancelled
Details

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Lars 2026-07-05 08:12:45 +02:00
parent db06af0489
commit 02b3b17269
3 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/styles/components.css
View File

@ -71,6 +71,14 @@
align-items: stretch;
}
.widget-card {
min-width: 0;
}
.widget-card--span-full {
grid-column: 1 / -1;
}
.btn {
display: inline-flex;
align-items: center;

19
frontend/src/styles/pages.css
View File

@ -27,14 +27,20 @@
.summary-metrics {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin: 0;
min-width: 0;
}
@media (min-width: 769px) {
.summary-metrics {
grid-template-columns: repeat(4, 1fr);
/* Volle Widget-Breite (Überblick): 4 Spalten ab Tablet */
.widget-card--span-full .summary-metrics {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 640px) {
.widget-card--span-full .summary-metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@ -43,12 +49,15 @@
background: var(--jk-surface-raised);
border-radius: 8px;
border: 1px solid var(--jk-border);
min-width: 0;
}
.summary-metric dt {
margin: 0;
font-size: 0.8125rem;
color: var(--jk-text-muted);
line-height: 1.35;
overflow-wrap: anywhere;
}
.summary-metric dd {

1
frontend/src/widgets/WorkspaceSummaryWidget.jsx
View File

@ -28,6 +28,7 @@ export function WorkspaceSummaryWidget() {
return (
<WidgetCard
className="widget-card--span-full"
title="Überblick"
subtitle="Kennzahlen für deinen Workspace"
actions={