Forráskód Böngészése

style(cockpit): point/device detail uses flat --panel-mid background

维护者反馈透明度不够:详情浮层整块改用 --panel-mid(0.5)单值背景
(原 top/bot 渐变叠加后比两侧面板中段更实);磨砂 16px 不变。
表头横向装饰渐变保留(与 CockpitPanel 表头同构)。
ChenJZ 3 napja
szülő
commit
5917c2ced1
1 módosított fájl, 4 hozzáadás és 3 törlés
  1. 4 3
      src/modules/cockpit/components/PointDetailCard.vue

+ 4 - 3
src/modules/cockpit/components/PointDetailCard.vue

@@ -569,9 +569,10 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
     min-height: 0;
     overflow: hidden;
     border: 1px solid var(--panel-line, rgba(1, 171, 234, 0.35));
-    background: linear-gradient(180deg, var(--panel-top, rgba(2, 9, 27, 0.28)) 0%, var(--panel-bot, rgba(0, 15, 52, 0.38)) 100%);
-    /* 2026-10-23 维护者要求:点位摘要/设备详情与两侧面板同款磨砂(点位摘要 + 设备详情
-       两级共用这个根容器,一处生效)。16px 与 CockpitPanel 同值,磨砂参数不另设一档。 */
+    /* 2026-10-23 维护者要求:整块用 --panel-mid(0.5)单值背景 —— 与两侧面板中段
+       同一透明度;渐变(top/bot)会让面板比两侧更实,不符合「同款半透明」的预期。
+       磨砂(点位摘要 + 设备详情两级共用这个根容器,一处生效)16px 与 CockpitPanel 同值。 */
+    background: var(--panel-mid, rgba(0, 53, 156, 0.2));
     backdrop-filter: blur(16px) saturate(115%);
     -webkit-backdrop-filter: blur(16px) saturate(115%);
     box-shadow: inset 0 1px 0 rgba(1, 171, 234, 0.14), var(--shadow, 0 18px 44px rgba(0, 0, 0, 0.55));