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; display: flex;
flex-direction: column; flex-direction: column;
gap: 16px; gap: 16px;
min-height: 100%; overflow-y: auto;
padding-bottom: 80px; /* Space for status bar */
} }
.tscm-threat-banner { .tscm-threat-banner {
display: flex; display: flex;
@@ -56,8 +57,6 @@
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 16px; gap: 16px;
flex: 1;
min-height: 300px;
} }
.tscm-panel { .tscm-panel {
background: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3);
@@ -66,7 +65,13 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; 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 { .tscm-panel-header {
padding: 10px 12px; padding: 10px 12px;
@@ -90,7 +95,6 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 8px; padding: 8px;
min-height: 80px;
} }
.tscm-device-item { .tscm-device-item {
padding: 8px 10px; padding: 8px 10px;