Merge pull request #182 from PeerPrep/elroy-ui-fix

fix: fix UI divider between code and panes
CS3219-AY2324S1 · Nov 9, 2023 · 52362c4 · 52362c4
2 parents f23cf6d + 65f364f
commit 52362c4
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/frontend/src/app/components/code-editor/CodeEditor.tsx b/frontend/src/app/components/code-editor/CodeEditor.tsx
@@ -17,6 +17,8 @@ import * as Y from "yjs";
 import Tabs from "../tab/Tabs";
 import { fetchProfileUrl } from "@/app/api";
 
+import { BsArrowsExpand } from "react-icons/bs";
+
 const CodeMirror = dynamic(() => import("@uiw/react-codemirror"), {
   ssr: false,
   loading: () => (
@@ -208,9 +210,11 @@ const CodeMirrorEditor = ({
         }}
       />
       <div
-        className="divider mx-auto w-[90svw] cursor-ns-resize lg:w-full"
+        className="divider mx-auto w-[90svw] cursor-ns-resize hover:bg-accent lg:w-full"
         onMouseDown={handleMouseDown}
-      />
+      >
+        <BsArrowsExpand className="text-state-100 text-4xl" />
+      </div>
       <Tabs
         height={Math.min(window.innerHeight * 0.7 - editorHeight, maxHeight)}
       />