diff --git a/apps/player/src/components/match-detail/MarketSelectionsPanel.vue b/apps/player/src/components/match-detail/MarketSelectionsPanel.vue index 4090eba..2767e34 100644 --- a/apps/player/src/components/match-detail/MarketSelectionsPanel.vue +++ b/apps/player/src/components/match-detail/MarketSelectionsPanel.vue @@ -190,6 +190,11 @@ const panelStyle = computed(() => text-align: center; } +.odds-btn:hover:not(.odds-btn--locked) { + border-color: var(--primary); + background: rgba(255, 255, 255, 0.05); +} + .odds-btn.selected { border-color: var(--primary); background: rgba(212, 175, 55, 0.14); diff --git a/apps/player/src/views/desktop/DesktopHomeView.vue b/apps/player/src/views/desktop/DesktopHomeView.vue index 12197bb..c176441 100644 --- a/apps/player/src/views/desktop/DesktopHomeView.vue +++ b/apps/player/src/views/desktop/DesktopHomeView.vue @@ -24,7 +24,7 @@ const activeTab = ref('hot'); const slip = useBetSlipStore(); const auth = useAuthStore(); -const { openAt } = useDesktopBetPopover(); +const { openAt, visible: popoverVisible, pendingItem } = useDesktopBetPopover(); const activeMarketTypes = ref>({}); @@ -99,7 +99,8 @@ function isMarketLocked(match: PlayerHomeMatch, market?: { status: string; allow } function isSelected(id: string) { - return slip.isInSlip(id); + if (slip.isInSlip(id)) return true; + return popoverVisible.value && pendingItem.value?.selectionId === id; } function handleOddsClick(match: PlayerHomeMatch, market: any, selId: string, event?: MouseEvent) {