From a20163d7ea54ff74b6108a18a8921391951d60eb Mon Sep 17 00:00:00 2001
From: Dhravya <dhravyashah@gmail.com>
Date: Wed, 12 Jun 2024 23:42:55 -0500
Subject: make header and menu fixed instead of absolute to prevent movement on
 scroll

---
 apps/web/app/(dash)/chat/CodeBlock.tsx | 2 +-
 apps/web/app/(dash)/header.tsx         | 2 +-
 apps/web/app/(dash)/menu.tsx           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'apps')

diff --git a/apps/web/app/(dash)/chat/CodeBlock.tsx b/apps/web/app/(dash)/chat/CodeBlock.tsx
index e83b1dee..f9929f70 100644
--- a/apps/web/app/(dash)/chat/CodeBlock.tsx
+++ b/apps/web/app/(dash)/chat/CodeBlock.tsx
@@ -71,7 +71,7 @@ const CodeBar = React.memo(
                 viewBox="0 0 24 24"
                 strokeWidth={1.5}
                 stroke="currentColor"
-                className="size-6"
+                className="size-4"
               >
                 <path
                   strokeLinecap="round"
diff --git a/apps/web/app/(dash)/header.tsx b/apps/web/app/(dash)/header.tsx
index c5aeca3b..026cb080 100644
--- a/apps/web/app/(dash)/header.tsx
+++ b/apps/web/app/(dash)/header.tsx
@@ -9,7 +9,7 @@ import DynamicIsland from "./dynamicisland";
 function Header() {
   return (
     <div>
-      <div className="absolute left-0 w-full flex items-center justify-between z-10">
+      <div className="fixed left-0 w-full flex items-center justify-between z-10">
         <Link className="px-5" href="/home">
           <Image
             src={Logo}
diff --git a/apps/web/app/(dash)/menu.tsx b/apps/web/app/(dash)/menu.tsx
index dfd60b96..5f26f545 100644
--- a/apps/web/app/(dash)/menu.tsx
+++ b/apps/web/app/(dash)/menu.tsx
@@ -23,7 +23,7 @@ function Menu() {
   ];
 
   return (
-    <div className="absolute h-screen pb-[25vh] w-full p-4 flex items-end justify-end lg:justify-start lg:items-center top-0 left-0 pointer-events-none">
+    <div className="fixed h-screen pb-[25vh] w-full p-4 flex items-end justify-end lg:justify-start lg:items-center top-0 left-0 pointer-events-none">
       <div className="">
         <div className="pointer-events-auto group flex w-14 text-foreground-menu text-[15px] font-medium flex-col items-start gap-6 overflow-hidden rounded-[28px] bg-secondary px-3 py-4 duration-200 hover:w-40">
           {menuItems.map((item) => (
-- 
cgit v1.2.3