jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use absolute positioning for hidden AgentInputArea to prevent layout space

Browse Source 
AgentInputArea was still taking up 88px height when opacity was 0, creating
a gap between status bar and realtime controls. Now switches to position
absolute when hidden (opacity < 0.5) to remove from layout flow completely.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Mohamed Boudra
2025-10-24 11:25:12 +02:00
co-authored by Claude
parent 465aa1cd78
commit 6f4d47848c
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/agent-input-area.tsx
+2
View File
@@ -36,6 +36,8 @@ export function AgentInputArea({ agentId, isRealtimeMode }: AgentInputAreaProps)
const animatedStyle = useAnimatedStyle(() => { const animatedStyle = useAnimatedStyle(() => {
return { return {
opacity: opacity.value, opacity: opacity.value,
// When hidden, use absolute positioning to remove from layout flow
position: opacity.value < 0.5 ? ("absolute" as const) : ("relative" as const),
// When hidden, disable pointer events so GlobalFooter's controls are interactive // When hidden, disable pointer events so GlobalFooter's controls are interactive
pointerEvents: opacity.value < 0.5 ? ("none" as const) : ("auto" as const), pointerEvents: opacity.value < 0.5 ? ("none" as const) : ("auto" as const),
}; };