From 3b89e5de0e4033c5be60919684166457cb80980a Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Mon, 24 Feb 2025 11:45:31 +0800
Subject: [PATCH] fix(editor): adjust height calculation for code editor and
 MDX preview components

---
 src/components/code-editor.tsx | 2 +-
 src/components/mdx-preview.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index 66bb569..46006e7 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -102,7 +102,7 @@ export default function CodeEditor() {
       defaultValue={DEFAULT_VALUE[language]}
       path={DEFAULT_PATH[language]}
       theme={resolvedTheme === "light" ? "github-light-default" : "github-dark-default"}
-      className="h-[calc(100vh-112px)]"
+      className="h-[calc(100vh-130px)]"
       options={mergeOptions}
       beforeMount={(monaco) => {
         shikiToMonaco(highlighter, monaco);
diff --git a/src/components/mdx-preview.tsx b/src/components/mdx-preview.tsx
index 9455950..81dfb11 100644
--- a/src/components/mdx-preview.tsx
+++ b/src/components/mdx-preview.tsx
@@ -109,7 +109,7 @@ export default function MdxPreview({ source }: MdxPreviewProps) {
   }
 
   return (
-    <ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-112px)]">
+    <ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-130px)]">
       <div className="markdown-body">
         <MDXRemote {...mdxSource!} components={components} />
       </div>