Added some padding around the gages
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user