Canvas: Improve layout
Change-Id: Ife4f14d23eefc0ef0cb6b189446590fc42b8d797
diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index afacdb1..f37370a 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -5,38 +5,42 @@
import { Config } from "./Config";
import { Integrations } from "./Integrations";
import { Toaster } from "./components/ui/toaster";
-import { Header } from "./Header";
+import { ProjectSelect } from "./ProjectSelect";
import { Logs } from "./components/logs";
export default function App() {
return (
<ReactFlowProvider>
- <Header />
- <AppImpl />
- <Toaster />
+ <div className="h-screen flex flex-col">
+ <AppImpl />
+ <Toaster />
+ </div>
</ReactFlowProvider>
);
}
function AppImpl() {
return (
- <Tabs defaultValue="canvas">
- <TabsList>
- <TabsTrigger value="canvas">Canvas</TabsTrigger>
- <TabsTrigger value="config">Config</TabsTrigger>
- <TabsTrigger value="integrations">Integrations</TabsTrigger>
- <TabsTrigger value="logs">Logs</TabsTrigger>
- </TabsList>
- <TabsContent value="canvas">
+ <Tabs defaultValue="canvas" className="flex-1 flex flex-col min-h-0">
+ <div className="flex items-center justify-between px-4 border-b">
+ <TabsList>
+ <TabsTrigger value="canvas">Canvas</TabsTrigger>
+ <TabsTrigger value="logs">Logs</TabsTrigger>
+ <TabsTrigger value="config">Config</TabsTrigger>
+ <TabsTrigger value="integrations">Integrations</TabsTrigger>
+ </TabsList>
+ <ProjectSelect />
+ </div>
+ <TabsContent value="canvas" className="flex-1 min-h-0">
<CanvasBuilder />
</TabsContent>
- <TabsContent value="config">
+ <TabsContent value="config" className="flex-1 min-h-0">
<Config />
</TabsContent>
- <TabsContent value="integrations">
+ <TabsContent value="integrations" className="flex-1 min-h-0">
<Integrations />
</TabsContent>
- <TabsContent value="logs">
+ <TabsContent value="logs" className="flex-1 min-h-0">
<Logs />
</TabsContent>
</Tabs>