fix: Keep FABs visible above mobile bottom sheets

- Increase FAB z-index on touch devices
- Move FABs up when terminal or voice sheet is open
This commit is contained in:
2026-02-14 03:56:25 -06:00
parent 759de1e010
commit 082616cb1c

View File

@@ -299,7 +299,8 @@ watch(() => route.name, (newPage) => {
permission: awaitingPermission,
'session-start': showSessionStart,
notification: showNotification,
'tool-flash': showToolFlash
'tool-flash': showToolFlash,
'sheet-open': showTerminal || showVoice
}"
@click="showTerminal = !showTerminal"
:title="awaitingPermission ? `Permiso requerido: ${claudeTool || 'herramienta'}` : isProcessing ? `Claude: ${claudeTool || 'processing'}` : 'Toggle Terminal'"
@@ -372,7 +373,7 @@ watch(() => route.name, (newPage) => {
<!-- Voice FAB Button -->
<button
class="voice-fab"
:class="{ active: showVoice }"
:class="{ active: showVoice, 'sheet-open': showTerminal || showVoice }"
@click="showVoice = !showVoice"
title="Voice Input"
>
@@ -900,4 +901,18 @@ watch(() => route.name, (newPage) => {
height: 44px;
}
}
/* Mobile: FABs above bottom sheets */
@media (max-width: 1024px) and (pointer: coarse) {
.terminal-fab,
.voice-fab {
z-index: 10001;
transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease;
}
.terminal-fab.sheet-open,
.voice-fab.sheet-open {
bottom: calc(10vh + 16px);
}
}
</style>