Fit browser workspace within viewport below dynamic header bars

This commit is contained in:
Mikei386
2026-09-29 19:52:58 +02:00
parent 32aece7ff7
commit 9ff96db3c8
4 changed files with 29 additions and 15 deletions
+5 -5
View File
@@ -82,7 +82,7 @@ export function Project() {
if (!activeProject) {
return (
<div className="h-screen bg-background flex items-center justify-center">
<div className="h-full min-h-0 bg-background flex items-center justify-center">
<div className="text-center">
<p className="text-zinc-400 mb-4">Project not found</p>
<Button onClick={goHome}>Go Home</Button>
@@ -104,7 +104,7 @@ export function Project() {
: 0
return (
<div className="h-screen bg-background flex items-center justify-center">
<div className="h-full min-h-0 bg-background flex items-center justify-center">
<div className="w-[360px]">
<p className="text-center text-sm text-zinc-300 mb-4">
Preparing your project assets...
@@ -121,9 +121,9 @@ export function Project() {
}
return (
<div className="h-screen bg-background flex flex-col">
<div className="h-full min-h-0 bg-background flex flex-col">
{/* Header */}
<header className="flex items-center px-4 py-3 border-b border-zinc-800">
<header className="shrink-0 flex items-center px-4 py-3 border-b border-zinc-800">
<div className="flex-1 flex items-center gap-4">
{/* Back button and logo */}
<button
@@ -161,7 +161,7 @@ export function Project() {
<div className="flex-1" />
</header>
<main className="flex-1 overflow-hidden relative">
<main className="flex-1 min-h-0 overflow-hidden relative">
{currentTab === 'gen-space' ? (
<GenSpace />
) : (