fix(monitor): prevent narrow-screen report overflow

This commit is contained in:
martino
2026-09-28 14:26:58 +02:00
parent 8aade0e55c
commit fa48be17d1
3 changed files with 8 additions and 4 deletions
+3
View File
@@ -1413,6 +1413,9 @@ export function Security() {
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.grid-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 8px; margin-bottom: 8px; }
@media screen and (max-width: 639px) {
.grid-3, .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.card { padding: 10px 12px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; }
.card-label { font-size: 10px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2px; }
.card-value { font-size: 13px; font-weight: 600; color: #0f172a; }