bvandeusen/GallerySubscriber
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

fix(ui): use div instead of button for WS status indicator

Browse Source
This commit is contained in:
Bryan Van Deusen
2026-03-19 18:28:14 -04:00
parent 34d4482f6d
commit f132c115c9
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.vue
+4 -3
View File
@@ -32,15 +32,16 @@
<v-spacer /> <v-spacer />
<!-- WebSocket status indicator --> <!-- WebSocket status indicator -->
<v-btn icon variant="text" style="cursor: default" :ripple="false"> <div class="d-flex align-center px-2">
<v-icon <v-icon
id="ws-status-icon"
:color="wsStore.isConnected ? 'success' : 'error'" :color="wsStore.isConnected ? 'success' : 'error'"
size="10" size="10"
>mdi-circle</v-icon> >mdi-circle</v-icon>
<v-tooltip activator="parent" location="bottom"> <v-tooltip activator="#ws-status-icon" location="bottom">
{{ wsStore.isConnected ? 'Real-time updates active' : 'Disconnected — real-time updates paused' }} {{ wsStore.isConnected ? 'Real-time updates active' : 'Disconnected — real-time updates paused' }}
</v-tooltip> </v-tooltip>
</v-btn> </div>
<v-btn icon @click="toggleTheme"> <v-btn icon @click="toggleTheme">
<v-icon>{{ isDark ? 'mdi-weather-sunny' : 'mdi-weather-night' }}</v-icon> <v-icon>{{ isDark ? 'mdi-weather-sunny' : 'mdi-weather-night' }}</v-icon>