diff options
| author | Dhravya <[email protected]> | 2024-06-12 23:42:55 -0500 |
|---|---|---|
| committer | Dhravya <[email protected]> | 2024-06-12 23:42:55 -0500 |
| commit | a20163d7ea54ff74b6108a18a8921391951d60eb (patch) | |
| tree | 8e3779a5c1a6c141a304bbc16d89e7fde9c16e8e /apps | |
| parent | chat UI and markdown renderer ⚡ (diff) | |
| download | supermemory-a20163d7ea54ff74b6108a18a8921391951d60eb.tar.xz supermemory-a20163d7ea54ff74b6108a18a8921391951d60eb.zip | |
make header and menu fixed instead of absolute to prevent movement on scroll
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/app/(dash)/chat/CodeBlock.tsx | 2 | ||||
| -rw-r--r-- | apps/web/app/(dash)/header.tsx | 2 | ||||
| -rw-r--r-- | apps/web/app/(dash)/menu.tsx | 2 |
3 files changed, 3 insertions, 3 deletions
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) => ( |