Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 06:40:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Cap polar container height to prevent oversized sky view on narrow screens

Browse Source 
1fr in the grid row caused the panel to fill the entire remaining page
height on mobile (~1000px+), leaving large gaps around the centred content.
max-height: min(55vh, 520px) keeps it proportionate on any screen size.
Also switch to justify-content: flex-start so the canvas+strip pack at
the top rather than floating in the middle of a large void.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-03-19 23:43:04 +00:00
parent a42ea35d8b
commit 607a2f28fa
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
static/css/satellite_dashboard.css
View File

@@ -736,6 +736,7 @@ body {
/* Polar plot */ /* Polar plot */
.polar-container { .polar-container {
min-height: 200px; min-height: 200px;
max-height: min(55vh, 520px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@@ -745,7 +746,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
gap: 10px; gap: 10px;
padding: 8px; padding: 8px;
min-height: 0; min-height: 0;