fix(watch): 监测槽 hover 改为外框高亮
悬停时仅边框变主题色,不再整卡铺灰底。
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user