From 3722192a0437e06698ef08080417f691838c210e Mon Sep 17 00:00:00 2001
From: melnikga <melnik.goshan2013@gmail.com>
Date: Tue, 23 Apr 2024 16:43:55 +0400
Subject: [PATCH] Fixed ui bugs in the three column mode

---
 components/Editor/ExtraColumn.tsx | 2 +-
 components/Editor/Header.tsx      | 1 +
 components/Tracer/index.tsx       | 2 +-
 components/layouts/Nav.tsx        | 5 ++++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/Editor/ExtraColumn.tsx b/components/Editor/ExtraColumn.tsx
index bb02da4..013ae76 100644
--- 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
index b6025be..b3e251f 100644
--- 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
index 491cab5..0f02bcc 100644
--- 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
index 5788509..11e3c1d 100644
--- 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>