Fix TSCM panels sizing - increase heights and add scroll

- Set panel height to 200px with overflow scroll
- Add padding-bottom for status bar clearance
- Make dashboard scrollable
- Remove flex constraints causing collapse

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-20 21:18:05 +00:00
parent 73188c2471
commit 8a744eb55a

View File

@@ -36,7 +36,8 @@
display: flex;
flex-direction: column;
gap: 16px;
min-height: 100%;
overflow-y: auto;
padding-bottom: 80px; /* Space for status bar */
}
.tscm-threat-banner {
display: flex;
@@ -56,8 +57,6 @@
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
flex: 1;
min-height: 300px;
}
.tscm-panel {
background: rgba(0,0,0,0.3);
@@ -66,7 +65,13 @@
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 120px;
min-height: 200px;
height: 200px;
}
/* Full-width panels (like Detected Threats) get more height */
.tscm-panel[style*="grid-column: span 2"] {
min-height: 150px;
height: 150px;
}
.tscm-panel-header {
padding: 10px 12px;
@@ -90,7 +95,6 @@
flex: 1;
overflow-y: auto;
padding: 8px;
min-height: 80px;
}
.tscm-device-item {
padding: 8px 10px;