From 552525d2723a52f22aed26b5a2cb720c6e089bda Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Sun, 12 Jul 2026 21:43:41 -0700
Subject: [PATCH] remove elevated header

---
 src/features/core/components/header.tsx | 7 +------
 src/features/core/components/layout.tsx | 2 +-
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/features/core/components/header.tsx b/src/features/core/components/header.tsx
index 7da11f2..22a8125 100644
--- a/src/features/core/components/header.tsx
+++ b/src/features/core/components/header.tsx
@@ -2,11 +2,7 @@ import { Title, AppShell, Flex } from "@mantine/core";
 import { HeaderConfig } from "../types/header-config";
 import BackButton from "./back-button";
 
-interface HeaderProps extends HeaderConfig {
-  elevated?: boolean;
-}
-
-const Header = ({ collapsed, title, withBackButton, elevated }: HeaderProps) => {
+const Header = ({ collapsed, title, withBackButton }: HeaderConfig) => {
   return (
     <AppShell.Header
       id='app-header'
@@ -15,7 +11,6 @@ const Header = ({ collapsed, title, withBackButton, elevated }: HeaderProps) =>
       style={{
         alignItems: 'center',
         justifyContent: 'center',
-        borderBottom: `1px solid ${elevated ? 'var(--app-shell-border-color, var(--mantine-color-default-border))' : 'transparent'}`,
         transition: 'border-color 200ms ease-out',
       }}
     >
diff --git a/src/features/core/components/layout.tsx b/src/features/core/components/layout.tsx
index 592d171..b220294 100644
--- a/src/features/core/components/layout.tsx
+++ b/src/features/core/components/layout.tsx
@@ -36,7 +36,7 @@ const Layout: React.FC<PropsWithChildren> = ({ children }) => {
         // top: viewport.top
       }}
     >
-      <Header {...header} elevated={scrollPosition.y > 2} />
+      <Header {...header} />
       <AppShell.Main
         pos='relative'
         h='100%'