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

@@ -120,7 +120,7 @@ def start_rtlamr() -> Response:
)
# Wait a moment for rtl_tcp to start
time.sleep(1)
time.sleep(3)
logger.info(f"rtl_tcp started: {' '.join(rtl_tcp_cmd)}")
app_module.rtlamr_queue.put({'type': 'info', 'text': f'rtl_tcp: {" ".join(rtl_tcp_cmd)}'})

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;

View File

@@ -25,16 +25,8 @@
</div>
<div style="margin-top: 10px; padding: 8px; background: rgba(0,0,0,0.2); border-radius: 4px;">
<div style="font-size: 10px; color: var(--text-muted); margin-bottom: 6px;">TRACKED SATELLITES</div>
<div id="satTrackingList" style="font-size: 11px; color: var(--text-secondary); max-height: 120px; overflow-y: auto;">
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px;">
<span>ISS (ZARYA)</span>
<span>NOAA 15</span>
<span>NOAA 18</span>
<span>NOAA 19</span>
<span>NOAA 20</span>
<span>METEOR-M2</span>
<span>METEOR-M2-3</span>
</div>
<div id="satTrackingList" style="font-size: 11px; color: var(--text-secondary); max-height: 200px; overflow-y: auto;">
<!-- Dynamically populated by renderSatelliteList() -->
</div>
</div>
</div>