From 63501a3f6c72fccb17bf434cce9377d36aa1f07e Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Thu, 20 Feb 2025 00:59:53 +0800
Subject: [PATCH] feat(code-editor): refactor layout structure and improve
 editor height handling

---
 src/components/code-editor.tsx | 43 +++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index 7393712..929c20a 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -70,27 +70,26 @@ export default function CodeEditor() {
   }, []);
 
   return (
-    <div className="h-screen flex flex-col">
-      <DynamicEditor
-        theme={
-          resolvedTheme === "light"
-            ? "github-light-default"
-            : "github-dark-default"
-        }
-        defaultLanguage="c"
-        defaultValue="# include<stdio.h>"
-        path="file:///main.c"
-        beforeMount={(monaco) => {
-          shikiToMonaco(highlighter, monaco);
-        }}
-        onValidate={(markers) => {
-          markers.forEach((marker) =>
-            console.log("onValidate:", marker.message)
-          );
-        }}
-        options={{ automaticLayout: true }}
-        loading={<Skeleton className="h-full w-full p-4" />}
-      />
-    </div>
+    <DynamicEditor
+      defaultLanguage="c"
+      defaultValue="# include<stdio.h>"
+      path="file:///main.c"
+      theme={
+        resolvedTheme === "light"
+          ? "github-light-default"
+          : "github-dark-default"
+      }
+      height="100%"
+      options={{ automaticLayout: true }}
+      beforeMount={(monaco) => {
+        shikiToMonaco(highlighter, monaco);
+      }}
+      onValidate={(markers) => {
+        markers.forEach((marker) =>
+          console.log("onValidate:", marker.message)
+        );
+      }}
+      loading={<Skeleton className="h-full w-full p-4" />}
+    />
   );
 }