Fix TSCM panels being squashed by adding minimum heights

- Set min-height: 300px on main grid
- Set min-height: 120px on individual panels
- Set min-height: 80px on panel content
- Change dashboard from height: 100% to min-height: 100%

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-20 21:13:27 +00:00
parent 6e8de37135
commit 73188c2471
3 changed files with 7 additions and 13 deletions

View File

@@ -36,7 +36,7 @@
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
min-height: 100%;
}
.tscm-threat-banner {
display: flex;
@@ -57,7 +57,7 @@
grid-template-columns: 1fr 1fr;
gap: 16px;
flex: 1;
min-height: 0;
min-height: 300px;
}
.tscm-panel {
background: rgba(0,0,0,0.3);
@@ -66,6 +66,7 @@
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 120px;
}
.tscm-panel-header {
padding: 10px 12px;
@@ -89,6 +90,7 @@
flex: 1;
overflow-y: auto;
padding: 8px;
min-height: 80px;
}
.tscm-device-item {
padding: 8px 10px;