Fit browser workspace within viewport below dynamic header bars
This commit is contained in:
@@ -172,7 +172,7 @@ export function Home() {
|
||||
: 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">
|
||||
Migrating project references...
|
||||
@@ -189,7 +189,7 @@ export function Home() {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="h-screen bg-background flex">
|
||||
<div className="h-full min-h-0 bg-background flex">
|
||||
{/* Sidebar */}
|
||||
<aside className="w-64 border-r border-zinc-800 flex flex-col">
|
||||
<div className="p-6">
|
||||
|
||||
@@ -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 />
|
||||
) : (
|
||||
|
||||
Reference in New Issue
Block a user