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 # Wait a moment for rtl_tcp to start
time.sleep(1) time.sleep(3)
logger.info(f"rtl_tcp started: {' '.join(rtl_tcp_cmd)}") 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)}'}) app_module.rtlamr_queue.put({'type': 'info', 'text': f'rtl_tcp: {" ".join(rtl_tcp_cmd)}'})

View File

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

View File

@@ -25,16 +25,8 @@
</div> </div>
<div style="margin-top: 10px; padding: 8px; background: rgba(0,0,0,0.2); border-radius: 4px;"> <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 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 id="satTrackingList" style="font-size: 11px; color: var(--text-secondary); max-height: 200px; overflow-y: auto;">
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px;"> <!-- Dynamically populated by renderSatelliteList() -->
<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> </div>
</div> </div>
</div> </div>