Brachnha/brachnha-insight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile chat input positioning with dynamic viewport height

Browse Source 
Use h-dvh instead of h-screen to account for mobile browser's dynamic address bar, keeping chat input always visible at bottom of viewport.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Max
2026-01-26 14:03:55 +07:00
parent d115cb94f0
commit 8e2ef0bf21
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(session)/chat/page.tsx
View File

@@ -70,7 +70,7 @@ export default function ChatPage() {
}; };
return ( return (
<div className="flex flex-col h-screen bg-background"> <div className="flex flex-col h-dvh bg-background">
{/* Session Header */} {/* Session Header */}
<div className="flex items-center justify-between px-4 py-3 bg-white border-b border-slate-200 shrink-0"> <div className="flex items-center justify-between px-4 py-3 bg-white border-b border-slate-200 shrink-0">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">