diff --git a/client/src/components/Aircraft.vue b/client/src/components/Aircraft.vue
index 60bc14d..341164f 100644
--- a/client/src/components/Aircraft.vue
+++ b/client/src/components/Aircraft.vue
@@ -1,6 +1,7 @@
@@ -98,7 +232,12 @@ onUnmounted(() => {
user-select: none;
-webkit-user-select: none;
}
-.tp-name { margin: 0 24px 0 0; color: #ffaa00; font-size: 16px; }
+
+.tp-name {
+ margin: 0 24px 0 0;
+ color: #ffaa00;
+ font-size: 16px;
+}
.tp-close {
position: absolute;
@@ -117,7 +256,10 @@ onUnmounted(() => {
justify-content: center;
transition: background 0.2s;
}
-.tp-close:hover { background: rgba(255,255,255,0.35); }
+
+.tp-close:hover {
+ background: rgba(255,255,255,0.35);
+}
.tp-meta {
font-size: 11px;
@@ -129,15 +271,36 @@ onUnmounted(() => {
border-bottom: 1px solid rgba(255,170,0,0.2);
}
-.flex-c { display: flex; flex-direction: column; gap: 3px; }
-.align-x-end { align-items: flex-end; }
+.flex-c {
+ display: flex;
+ flex-direction: column;
+ gap: 3px;
+}
-.tp-body { display: flex; gap: 16px; padding: 12px 16px; }
+.align-x-end {
+ align-items: flex-end;
+}
-.tp-gauges { flex: 1; }
+.tp-body {
+ display: flex;
+ gap: 16px;
+ padding: 12px 16px;
+}
-.tp-gauge-wrap { margin-bottom: 12px; }
-.tp-gauge-label { color: #888; font-size: 11px; font-weight: bold; margin-bottom: 3px; }
+.tp-gauges {
+ flex: 1;
+}
+
+.tp-gauge-wrap {
+ margin-bottom: 12px;
+}
+
+.tp-gauge-label {
+ color: #888;
+ font-size: 11px;
+ font-weight: bold;
+ margin-bottom: 3px;
+}
.tp-gauge {
padding: 6px;
@@ -148,10 +311,24 @@ onUnmounted(() => {
align-items: flex-end;
justify-content: center;
gap: 4px;
+ cursor: pointer;
}
-.tp-gauge-val { font-size: 20px; font-weight: bold; color: #ffaa00; }
-.tp-gauge-unit { font-size: 11px; color: #ffaa00; margin-bottom: 0.75em; }
+.tp-gauge:hover {
+ border-color: #fff;
+}
+
+.tp-gauge-val {
+ font-size: 20px;
+ font-weight: bold;
+ color: #ffaa00;
+}
+
+.tp-gauge-unit {
+ font-size: 11px;
+ color: #ffaa00;
+ margin-bottom: 0.25em;
+}
.tp-fields {
width: 100%;
@@ -159,98 +336,138 @@ onUnmounted(() => {
padding: 0 16px 12px;
border-collapse: collapse;
}
-.tp-fields td { padding: 2px 4px; color: #888; }
-.tp-fields td:last-child { color: #ccc; text-align: right; }
-.ok { color: #3fdb6d !important; }
-.bad { color: #e0475a !important; }
+.tp-fields td {
+ padding: 2px 4px;
+ color: #888;
+}
+
+.tp-fields td:last-child {
+ color: #ccc;
+ text-align: right;
+}
+
+.ok {
+ color: #3fdb6d !important;
+}
+
+.bad {
+ color: #e0475a !important;
+}
-