Added some padding around the gages

This commit is contained in:
2026-07-03 15:13:00 -04:00
parent 7edd0ab8c4
commit 4114a0adad
2 changed files with 4 additions and 6 deletions

View File

@@ -288,6 +288,7 @@ const navball = computed(() => {
font-family: monospace; font-family: monospace;
color: #ccc; color: #ccc;
min-width: 320px; min-width: 320px;
max-width: 360px;
} }
.ap-header { .ap-header {
@@ -316,10 +317,6 @@ const navball = computed(() => {
padding: 12px 16px; padding: 12px 16px;
border-bottom: 1px solid rgba(200,200,220,0.2); border-bottom: 1px solid rgba(200,200,220,0.2);
} }
.ap-meta--detail { margin-top: 3px; }
.ap-icao { text-align: right; }
.ap-operator { text-align: right; color: #aaa; }
.ap-close { .ap-close {
position: absolute; position: absolute;
@@ -384,5 +381,5 @@ const navball = computed(() => {
.ap-gauge:hover { border-color: #0ff; } .ap-gauge:hover { border-color: #0ff; }
.ap-gauge-val { font-size: 20px; font-weight: bold; color: #0f0; } .ap-gauge-val { font-size: 20px; font-weight: bold; color: #0f0; }
.ap-gauge-unit { font-size: 11px; color: #0f0; margin-bottom: 2px; } .ap-gauge-unit { font-size: 11px; color: #0f0; margin-bottom: 2px; }
.ap-navball { flex: 1; } .ap-navball { flex: 1; margin-top: 1rem; }
</style> </style>

View File

@@ -265,6 +265,7 @@ const compass = computed(() => {
font-family: monospace; font-family: monospace;
color: #ccc; color: #ccc;
min-width: 320px; min-width: 320px;
max-width: 360px;
} }
.sp-header { .sp-header {
@@ -358,5 +359,5 @@ const compass = computed(() => {
.sp-gauge:hover { border-color: #0f0; } .sp-gauge:hover { border-color: #0f0; }
.sp-gauge-val { font-size: 20px; font-weight: bold; color: #0ff; } .sp-gauge-val { font-size: 20px; font-weight: bold; color: #0ff; }
.sp-gauge-unit { font-size: 11px; color: #0ff; margin-bottom: 5px; } .sp-gauge-unit { font-size: 11px; color: #0ff; margin-bottom: 5px; }
.sp-compass { flex: 1; } .sp-compass { flex: 1; margin-top: 0.25rem; }
</style> </style>