|
@@ -569,6 +569,7 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
|
|
|
min-height: 0;
|
|
min-height: 0;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
border: 1px solid var(--panel-line, rgba(1, 171, 234, 0.35));
|
|
border: 1px solid var(--panel-line, rgba(1, 171, 234, 0.35));
|
|
|
|
|
+ border-radius: calc(8 * var(--u, 1px));
|
|
|
/* 2026-10-23 维护者要求:点位摘要/设备详情与两侧面板**同款三停渐变**
|
|
/* 2026-10-23 维护者要求:点位摘要/设备详情与两侧面板**同款三停渐变**
|
|
|
(top 0.8 → mid 0.5 @26% → bot 0.82,与 CockpitPanel 逐值一致,磨砂 16px 同值)。
|
|
(top 0.8 → mid 0.5 @26% → bot 0.82,与 CockpitPanel 逐值一致,磨砂 16px 同值)。
|
|
|
此前先后试过纯渐变(偏实)与 mid 单值(无层次),定稿为两侧同款渐变。 */
|
|
此前先后试过纯渐变(偏实)与 mid 单值(无层次),定稿为两侧同款渐变。 */
|
|
@@ -627,6 +628,7 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
|
|
|
flex: none;
|
|
flex: none;
|
|
|
padding: 1px var(--space-2, 8px);
|
|
padding: 1px var(--space-2, 8px);
|
|
|
border: 1px solid rgba(1, 171, 234, 0.42);
|
|
border: 1px solid rgba(1, 171, 234, 0.42);
|
|
|
|
|
+ border-radius: calc(8 * var(--u, 1px));
|
|
|
background: rgba(0, 20, 72, 0.6);
|
|
background: rgba(0, 20, 72, 0.6);
|
|
|
color: var(--text-2);
|
|
color: var(--text-2);
|
|
|
font: inherit;
|
|
font: inherit;
|
|
@@ -674,6 +676,7 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
|
|
|
margin-top: calc(5 * var(--u, 1px));
|
|
margin-top: calc(5 * var(--u, 1px));
|
|
|
padding: calc(4 * var(--u, 1px)) var(--space-2, 8px);
|
|
padding: calc(4 * var(--u, 1px)) var(--space-2, 8px);
|
|
|
border: 1px solid rgba(1, 171, 234, 0.24);
|
|
border: 1px solid rgba(1, 171, 234, 0.24);
|
|
|
|
|
+ border-radius: calc(8 * var(--u, 1px));
|
|
|
background: var(--inset, rgba(2, 10, 20, 0.55));
|
|
background: var(--inset, rgba(2, 10, 20, 0.55));
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -697,6 +700,7 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
|
|
|
gap: 1px;
|
|
gap: 1px;
|
|
|
padding: calc(3 * var(--u, 1px)) calc(2 * var(--u, 1px));
|
|
padding: calc(3 * var(--u, 1px)) calc(2 * var(--u, 1px));
|
|
|
border: 1px solid rgba(1, 171, 234, 0.2);
|
|
border: 1px solid rgba(1, 171, 234, 0.2);
|
|
|
|
|
+ border-radius: calc(8 * var(--u, 1px));
|
|
|
background: rgba(0, 20, 72, 0.4);
|
|
background: rgba(0, 20, 72, 0.4);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -778,6 +782,7 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
|
|
|
gap: calc(3 * var(--u, 1px));
|
|
gap: calc(3 * var(--u, 1px));
|
|
|
padding: calc(6 * var(--u, 1px)) var(--space-2, 8px);
|
|
padding: calc(6 * var(--u, 1px)) var(--space-2, 8px);
|
|
|
border: 1px solid rgba(1, 171, 234, 0.35);
|
|
border: 1px solid rgba(1, 171, 234, 0.35);
|
|
|
|
|
+ border-radius: calc(8 * var(--u, 1px));
|
|
|
background: linear-gradient(180deg, rgba(0, 31, 92, 0.5), rgba(0, 15, 52, 0.7));
|
|
background: linear-gradient(180deg, rgba(0, 31, 92, 0.5), rgba(0, 15, 52, 0.7));
|
|
|
font: inherit;
|
|
font: inherit;
|
|
|
text-align: left;
|
|
text-align: left;
|