Fixed ui bugs in the three column mode

walnuthq · Apr 23, 2024 · 3722192 · 3722192
1 parent b68fec1
commit 3722192
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/components/Editor/ExtraColumn.tsx b/components/Editor/ExtraColumn.tsx
@@ -38,7 +38,7 @@ const ExtraColumn = ({
   } = useContext(CairoVMApiContext)
 
   return (
-    <div className="w-full md:w-1/3 flex flex-col">
+    <div className="w-full md:w-1/3 hidden md:flex flex-col">
       <div className="border-b border-gray-200 dark:border-black-500 flex items-center pl-6 pr-2 h-14 md:border-r flex-none">
         <Header
           codeType={codeType}

diff --git a/components/Editor/Header.tsx b/components/Editor/Header.tsx
@@ -49,6 +49,7 @@ const EditorHeader = ({
 
         <div className="flex items-center ">
           <Select
+            className="z-50"
             onChange={onCodeTypeChange}
             options={codeLangOptions}
             value={codeTypeValue}

diff --git a/components/Tracer/index.tsx b/components/Tracer/index.tsx
@@ -220,7 +220,7 @@ export const Tracer = () => {
         </div>
       )}
 
-      <div className="border-gray-200 border-t dark:border-black-500 flex-none overflow-hidden mb-[10px] h-[22vh]">
+      <div className="border-gray-200 border-t dark:border-black-500 flex-none mb-[10px] h-[22vh]">
         <div className="px-4">
           <nav className="-mb-px uppercase flex space-x-8" aria-label="Tabs">
             <button

diff --git a/components/layouts/Nav.tsx b/components/layouts/Nav.tsx
@@ -33,7 +33,10 @@ const Nav = () => {
           ></ul>
 
           <div className="items-center ml-auto flex">
-            <KBarButton />
+            <div className="md:block hidden">
+              <KBarButton />
+            </div>
+
             <NavLink href={GITHUB_REPO_URL} external className="mx-2 md:mx-4">
               GitHub
             </NavLink>