aiolabs/bitspire
9
0
Fork 0
Code Issues 52 Pull requests 2 Projects Releases Packages Wiki Activity Actions

fix(machine): hide theme toggle in dev mode when debug panel available

Browse source 
The debug panel already has full theme/color mode controls, so the
floating light/dark toggle is redundant in dev. Keep it for production.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-03-01 22:50:45 -05:00
commit 624650d3be
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/machine/src/App.vue
View file

@ -2,9 +2,9 @@
import { onMounted, onUnmounted, ref, computed } from 'vue' import { onMounted, onUnmounted, ref, computed } from 'vue'
import { useAtmStore } from '@/stores/atm' import { useAtmStore } from '@/stores/atm'
import { useTheme } from '@/composables/useTheme' import { useTheme } from '@/composables/useTheme'
import { Sun, Moon } from 'lucide-vue-next'
import { Badge } from '@/components/ui/badge' import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { Sun, Moon } from 'lucide-vue-next'
const atmStore = useAtmStore() const atmStore = useAtmStore()
const { current: currentTheme, themes, colorMode } = useTheme() const { current: currentTheme, themes, colorMode } = useTheme()
@ -130,8 +130,9 @@ function toggleLiveServices() {
</Badge> </Badge>
</div> </div>
<!-- Light/dark toggle (always visible) --> <!-- Light/dark toggle (production only — debug panel has this in dev) -->
<Button <Button
v-if="!atmStore.allowMockFallback"
variant="outline" variant="outline"
size="kiosk" size="kiosk"
class="fixed bottom-6 right-6 z-50 gap-3" class="fixed bottom-6 right-6 z-50 gap-3"