Canvas: Fix layout, get rid of scroll bars
Change-Id: I3244784ee741e93565190e538472723ffadfb754
diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index f37370a..0f59fb9 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -6,12 +6,12 @@
import { Integrations } from "./Integrations";
import { Toaster } from "./components/ui/toaster";
import { ProjectSelect } from "./ProjectSelect";
-import { Logs } from "./components/logs";
+import { Logs } from "./Logs";
export default function App() {
return (
<ReactFlowProvider>
- <div className="h-screen flex flex-col">
+ <div className="h-screen flex flex-col p-1">
<AppImpl />
<Toaster />
</div>
@@ -22,7 +22,7 @@
function AppImpl() {
return (
<Tabs defaultValue="canvas" className="flex-1 flex flex-col min-h-0">
- <div className="flex items-center justify-between px-4 border-b">
+ <div className="flex items-center justify-between border-b">
<TabsList>
<TabsTrigger value="canvas">Canvas</TabsTrigger>
<TabsTrigger value="logs">Logs</TabsTrigger>
@@ -31,16 +31,16 @@
</TabsList>
<ProjectSelect />
</div>
- <TabsContent value="canvas" className="flex-1 min-h-0">
+ <TabsContent value="canvas" className="!mt-0 flex-1 min-h-0">
<CanvasBuilder />
</TabsContent>
- <TabsContent value="config" className="flex-1 min-h-0">
+ <TabsContent value="config" className="!mt-0 flex-1 min-h-0">
<Config />
</TabsContent>
- <TabsContent value="integrations" className="flex-1 min-h-0">
+ <TabsContent value="integrations" className="!mt-0 flex-1 min-h-0">
<Integrations />
</TabsContent>
- <TabsContent value="logs" className="flex-1 min-h-0">
+ <TabsContent value="logs" className="!mt-0 flex-1 min-h-0">
<Logs />
</TabsContent>
</Tabs>