From 2314005c6b74a6415aa7b3d15ccfe6b35b81cce1 Mon Sep 17 00:00:00 2001
From: "yongen.loong" <yongen.loong@aelf.io>
Date: Fri, 26 Jul 2024 00:13:15 +0800
Subject: [PATCH] fix: scrollbars

---
 components/workspace/cli.tsx    | 26 ++++++++++++++------------
 components/workspace/editor.tsx | 15 ++++++++-------
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/components/workspace/cli.tsx b/components/workspace/cli.tsx
index a720c51..651eae0 100644
--- a/components/workspace/cli.tsx
+++ b/components/workspace/cli.tsx
@@ -115,17 +115,19 @@ export default function Cli() {
   const { theme, systemTheme } = useTheme();
 
   return (
-    <ReactTerminal
-      commands={commands}
-      prompt="#"
-      theme={theme !== "system" ? theme : systemTheme}
-      showControlBar={false}
-      welcomeMessage={
-        <div>
-          <p>Welcome to AElf Playground.</p>
-          <p>Type help to see all commands.</p>
-        </div>
-      }
-    />
+    <div className="h-full pb-8">
+      <ReactTerminal
+        commands={commands}
+        prompt="#"
+        theme={theme !== "system" ? theme : systemTheme}
+        showControlBar={false}
+        welcomeMessage={
+          <div>
+            <p>Welcome to AElf Playground.</p>
+            <p>Type help to see all commands.</p>
+          </div>
+        }
+      />
+    </div>
   );
 }
diff --git a/components/workspace/editor.tsx b/components/workspace/editor.tsx
index 5ffca77..d52bd2f 100644
--- a/components/workspace/editor.tsx
+++ b/components/workspace/editor.tsx
@@ -67,12 +67,13 @@ export default function Editor({ defaultValue }: { defaultValue?: string }) {
   }, [debouncedValue, pathname]);
 
   return (
-    <CodeMirror
-      value={value}
-      height="1000px"
-      theme={editorTheme}
-      extensions={extensions}
-      onChange={onChange}
-    />
+    <div className="h-full overflow-auto">
+      <CodeMirror
+        value={value}
+        theme={editorTheme}
+        extensions={extensions}
+        onChange={onChange}
+      />
+    </div>
   );
 }