fix(watch): 监测槽 hover 改为外框高亮

悬停时仅边框变主题色,不再整卡铺灰底。
This commit is contained in:
Nexus Agent
2026-06-12 04:21:16 +08:00
parent bdbfef7110
commit 907607e30b
2 changed files with 19 additions and 3 deletions
@@ -0,0 +1,15 @@
# Changelog — 监测槽卡片 hover 外框高亮
**日期**2026-06-12
## 摘要
监测槽卡片(空槽/满槽)hover 时改为**外框主题色**,不再整卡铺灰底。
## 涉及文件
- `frontend/src/components/watch/WatchSlotCard.vue`
## 验证
浏览器:服务器页 → 实时监测 → 鼠标悬停槽位,仅边框变色。
@@ -190,16 +190,17 @@ function pct(v: number | null | undefined) {
min-height: 220px;
border-style: dashed !important;
cursor: pointer;
transition: background-color 0.15s ease;
transition: border-color 0.15s ease;
}
.watch-slot-card--empty:hover {
background: rgba(var(--v-theme-primary), 0.04);
border-color: rgb(var(--v-theme-primary)) !important;
}
.watch-slot-card--filled {
cursor: pointer;
transition: border-color 0.15s ease;
}
.watch-slot-card--filled:hover {
background: rgba(var(--v-theme-surface-variant), 0.3);
border-color: rgb(var(--v-theme-primary)) !important;
}
.watch-slot-card--error {
border-color: rgb(var(--v-theme-error)) !important;