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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user