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:
parent
a0e0c98573
commit
b3b156c3ed
1 changed files with 4 additions and 1 deletions
|
|
@ -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 />
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue