Canvas: Fix layout, get rid of scroll bars
Change-Id: I3244784ee741e93565190e538472723ffadfb754
diff --git a/apps/canvas/front/src/Config.tsx b/apps/canvas/front/src/Config.tsx
index 7a93634..2b8b1f7 100644
--- a/apps/canvas/front/src/Config.tsx
+++ b/apps/canvas/front/src/Config.tsx
@@ -2,7 +2,6 @@
import { AppNode, useEnv, useProjectId } from "./lib/state";
import { generateDodoConfig } from "./lib/config";
import { useEffect, useMemo, useState } from "react";
-import { Card, CardContent } from "./components/ui/card";
import JSONView from "@microlink/react-json-view";
export function Config() {
@@ -18,19 +17,15 @@
}, [n, setNodes]);
const config = useMemo(() => generateDodoConfig(projectId, nodes, env) || {}, [projectId, nodes, env]);
return (
- <Card className="h-full flex flex-col">
- <CardContent className="flex-1 min-h-0 p-4">
- <div className="h-full p-4 bg-muted rounded-lg overflow-auto">
- <JSONView
- src={config as object}
- theme="rjv-default"
- name={false}
- displayDataTypes={false}
- enableClipboard={true}
- style={{ fontFamily: "JetBrains Mono" }}
- />
- </div>
- </CardContent>
- </Card>
+ <div className="h-full p-4 bg-muted rounded-lg overflow-auto">
+ <JSONView
+ src={config as object}
+ theme="rjv-default"
+ name={false}
+ displayDataTypes={false}
+ enableClipboard={true}
+ style={{ fontFamily: "JetBrains Mono" }}
+ />
+ </div>
);
}