Fix bottom bar clipping on hosted deployment
Use h-dvh (100dvh) instead of h-screen (100vh) so the layout accounts for browser chrome (address bar, bottom toolbar). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -196,7 +196,7 @@ export function App() {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="flex h-screen flex-col">
|
||||
<div className="flex h-dvh flex-col">
|
||||
<div className="relative mx-auto flex min-h-0 w-full max-w-2xl flex-1 flex-col gap-3 px-4">
|
||||
{!!actionBarAnim.showTopBar && (
|
||||
<div
|
||||
|
||||
Reference in New Issue
Block a user