diff --git a/web/src/views/ConsoleView.vue b/web/src/views/ConsoleView.vue index 16267af8..27172d6b 100644 --- a/web/src/views/ConsoleView.vue +++ b/web/src/views/ConsoleView.vue @@ -267,7 +267,6 @@ const hidDetails = computed(() => { { label: t('statusCard.device'), value: hid.device || '-' }, { label: t('statusCard.backend'), value: hid.backend || t('common.unknown') }, { label: t('statusCard.initialized'), value: hid.initialized ? t('statusCard.yes') : t('statusCard.no'), status: hid.initialized ? 'ok' : 'warning' }, - { label: t('statusCard.mouseSupport'), value: hid.supportsAbsoluteMouse ? t('statusCard.absolute') : t('statusCard.relative'), status: hid.available ? 'ok' : undefined }, { label: t('statusCard.currentMode'), value: mouseMode.value === 'absolute' ? t('statusCard.absolute') : t('statusCard.relative'), status: 'ok' }, ] @@ -408,6 +407,14 @@ const msdDetails = computed(() => { return details }) +const showMsdStatusCard = computed(() => { + return !!(systemStore.msd?.available && systemStore.hid?.backend !== 'ch9329') +}) + +const hidHoverAlign = computed<'start' | 'end'>(() => { + return showMsdStatusCard.value ? 'start' : 'end' +}) + // Video handling let retryTimeoutId: number | null = null let retryCount = 0 @@ -1941,11 +1948,12 @@ onUnmounted(() => { :status="hidStatus" :quick-info="hidQuickInfo" :details="hidDetails" + :hover-align="hidHoverAlign" /> { :status="hidStatus" :quick-info="hidQuickInfo" :details="hidDetails" + :hover-align="hidHoverAlign" compact /> -
+