From 4fb2245572df5da3dec38acc1cfaccc3c743f21d Mon Sep 17 00:00:00 2001
From: "amaresh.sm" <amareshsm13@gmail.com>
Date: Mon, 30 Sep 2024 20:44:59 +0530
Subject: [PATCH] fix: panel height issue

---
 src/App.tsx                           | 2 +-
 src/components/ast/javascript-ast.tsx | 2 +-
 src/components/ast/json-ast.tsx       | 2 +-
 src/components/ast/markdown-ast.tsx   | 2 +-
 src/components/editor.tsx             | 2 +-
 src/components/scope/index.tsx        | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 35ca189..a7b71be 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -22,7 +22,7 @@ function App() {
 									setCode({ ...code, [language]: value });
 								}}
 							/>
-							<div className="bg-foreground/5 overflow-auto h-[70dvh] sm:h-full relative flex flex-col">
+							<div className="bg-foreground/5 overflow-auto h-[calc(100vh-80px)] sm:h-full relative flex flex-col">
 								<div className="flex sm:items-center flex-col sm:flex-row justify-between p-4 gap-2 z-10">
 									<ToolSelector />
 									<div className="flex items-center gap-1">
diff --git a/src/components/ast/javascript-ast.tsx b/src/components/ast/javascript-ast.tsx
index 93e007d..9fa911c 100644
--- a/src/components/ast/javascript-ast.tsx
+++ b/src/components/ast/javascript-ast.tsx
@@ -33,7 +33,7 @@ export const JavascriptAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 pb-2 font-mono space-y-3"
 				defaultValue={["0-Program"]}
 			>
 				<JavascriptAstTreeItem data={tree} index={0} />
diff --git a/src/components/ast/json-ast.tsx b/src/components/ast/json-ast.tsx
index b17df27..68468fd 100644
--- a/src/components/ast/json-ast.tsx
+++ b/src/components/ast/json-ast.tsx
@@ -25,7 +25,7 @@ export const JsonAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 pb-2 font-mono space-y-3"
 				defaultValue={["0-Document"]}
 			>
 				<JsonAstTreeItem data={result.ast} index={0} />
diff --git a/src/components/ast/markdown-ast.tsx b/src/components/ast/markdown-ast.tsx
index 77ed56c..41a38af 100644
--- a/src/components/ast/markdown-ast.tsx
+++ b/src/components/ast/markdown-ast.tsx
@@ -25,7 +25,7 @@ export const MarkdownAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 pb-2 font-mono space-y-3"
 				defaultValue={["0-root"]}
 			>
 				<MarkdownAstTreeItem data={result.ast} index={0} />
diff --git a/src/components/editor.tsx b/src/components/editor.tsx
index f70f966..323c4b6 100644
--- a/src/components/editor.tsx
+++ b/src/components/editor.tsx
@@ -114,7 +114,7 @@ export const Editor: FC<EditorProperties> = ({ readOnly, value, onChange }) => {
 
 	const editorClasses = clsx("relative", {
 		"h-[calc(100vh-152px)]": readOnly,
-		"h-[calc(100vh-72px)]": !readOnly,
+		"h-[calc(100vh-80px)]": !readOnly,
 	});
 
 	const dropMessageClasses = clsx(
diff --git a/src/components/scope/index.tsx b/src/components/scope/index.tsx
index cb469ee..1a16cc0 100644
--- a/src/components/scope/index.tsx
+++ b/src/components/scope/index.tsx
@@ -40,7 +40,7 @@ export const Scope: FC = () => {
 	return (
 		<Accordion
 			type="multiple"
-			className="px-8 font-mono space-y-3"
+			className="px-8 pb-2 font-mono space-y-3"
 			defaultValue={["0-global"]}
 		>
 			{scopeView === "flat" ? (