Kairo-Jinkendo/frontend/src/styles/pages.css
Lars 02b3b17269
Some checks failed
Test Suite / playwright-smoke (push) Blocked by required conditions
Deploy Development / deploy (push) Successful in 45s
Test Suite / pytest-backend (push) Successful in 43s
Test Suite / lint-backend (push) Successful in 2s
Test Suite / compose-smoke (push) Has been skipped
Test Suite / k6 /api/health Baseline (push) Has been cancelled
fix: Überblick-Widget Overflow — volle Breite, 2x2 Grid in schmalen Karten
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-05 08:12:45 +02:00

69 lines
1.2 KiB
CSS

.context-dl {
margin: 0;
display: grid;
gap: 0.65rem;
}
.context-dl dt {
font-size: 0.72rem;
color: var(--jk-text-subtle);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.context-dl dd {
margin: 0.1rem 0 0;
font-size: 0.95rem;
color: var(--jk-text);
}
.page-footer-link {
margin-top: 1.25rem;
}
.mt-sm {
margin-top: 0.75rem;
}
.summary-metrics {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin: 0;
min-width: 0;
}
/* 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));
}
}
.summary-metric {
padding: 0.75rem;
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 {
margin: 0.25rem 0 0;
font-size: 1.375rem;
font-weight: 600;
color: var(--jk-text);
}