fix(machine): add bottom padding when debug bar is active

Prevents the fixed debug overlay from covering content (QR links)
on mobile by reserving space at the bottom of the main container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-02-19 16:52:26 -05:00
commit b3b156c3ed

View file

@ -32,7 +32,10 @@ function toggleLiveServices() {
<template> <template>
<div <div
class="flex h-screen w-screen flex-col overflow-hidden bg-background font-sans text-foreground" :class="[
'flex h-screen w-screen flex-col overflow-hidden bg-background font-sans text-foreground',
atmStore.debugMode ? 'pb-20 sm:pb-12' : '',
]"
> >
<router-view /> <router-view />