benmichael/gods-eye-view
1
0 Fork 0
mirror of https://github.com/bilawalsidhu/gods-eye-view.git synced 2026-11-15 07:42:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tighten the cockpit briefing's rows and weather tiles

Browse Source 
Live Signals rows drop from 43.5 px to 36 px with less padding. The local
weather tiles lose the lit grid that showed between them, stand 5 px apart
as cards and shrink from 60 px to 53 px, so all four fit the shorter
window.

Co-authored-by: Sameh Khamis <[email protected]>
This commit is contained in:
Manjunath PaparajuandSameh Khamis authored and Sameh Khamis committed 2026-11-14 15:51:13 -08:00
1 parent 839409a3fc
commit fd1f516192
1 file changed
+18 -5
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/styles/cockpit-panels.css
+18 -5
View File
@@ -103,6 +103,19 @@
background: rgba(255, 255, 255, 0.035);
}
/* The weather tiles stand apart as cards, with no lit grid behind them,
and are short enough to fit the shorter window. */
.cockpit-local-grid {
gap: 5px;
background: none;
}
.cockpit-local-grid > div {
min-height: 0;
gap: 2px;
padding: 6px 9px;
}
.cockpit-route-card {
border-bottom-color: rgba(255, 255, 255, 0.08);
}
@@ -331,13 +344,13 @@ body.cockpit-mode #intel-hud .hud-bottom-right {
The status colour is a slim inset bar (cyan for the aircraft you ride,
white for nearby, amber for military / warnings), not a bent border. */
.cockpit-signal-list {
gap: 5px;
gap: 4px;
}
.cockpit-signal-list li {
position: relative;
display: block;
padding: 8px 12px 8px 14px;
padding: 5px 10px 5px 12px;
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: inset 2px 0 0 rgba(244, 251, 255, 0.22);
}
@@ -365,8 +378,8 @@ body.cockpit-mode #intel-hud .hud-bottom-right {
.cockpit-signal-list time {
position: absolute;
top: 9px;
right: 30px;
top: 6px;
right: 28px;
color: rgba(224, 236, 242, 0.4);
font: 7px/1 var(--font-mono);
letter-spacing: 0.06em;
@@ -374,7 +387,7 @@ body.cockpit-mode #intel-hud .hud-bottom-right {
}
.cockpit-signal-list li > div {
gap: 3px;
gap: 1px;
}
.cockpit-signal-target {