From c26490f16ee850bb399802a256051c3532828ae6 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 26 Jan 2025 16:39:16 +0800
Subject: [PATCH] feat: fix titlebar and bottom navigation bar

---
 src/components/BottomNavigationBar/index.tsx | 6 +-----
 src/components/Titlebar/index.tsx            | 8 +-------
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/components/BottomNavigationBar/index.tsx b/src/components/BottomNavigationBar/index.tsx
index 2f0bd225..78529819 100644
--- a/src/components/BottomNavigationBar/index.tsx
+++ b/src/components/BottomNavigationBar/index.tsx
@@ -1,18 +1,14 @@
 import { cn } from '@/lib/utils'
-import { useDeepBrowsing } from '@/providers/DeepBrowsingProvider'
 import AccountButton from './AccountButton'
 import HomeButton from './HomeButton'
 import NotificationsButton from './NotificationsButton'
 import PostButton from './PostButton'
 
 export default function BottomNavigationBar() {
-  const { deepBrowsing } = useDeepBrowsing()
-
   return (
     <div
       className={cn(
-        'fixed bottom-0 w-full z-20 bg-background/80 backdrop-blur-xl duration-700 transition-transform flex items-center justify-around [&_svg]:size-4 [&_svg]:shrink-0',
-        deepBrowsing ? 'translate-y-full' : ''
+        'fixed bottom-0 w-full z-20 bg-background/80 backdrop-blur-xl flex items-center justify-around [&_svg]:size-4 [&_svg]:shrink-0'
       )}
       style={{
         height: 'calc(3rem + env(safe-area-inset-bottom))',
diff --git a/src/components/Titlebar/index.tsx b/src/components/Titlebar/index.tsx
index 7395eff9..c0197109 100644
--- a/src/components/Titlebar/index.tsx
+++ b/src/components/Titlebar/index.tsx
@@ -1,6 +1,4 @@
 import { cn } from '@/lib/utils'
-import { useDeepBrowsing } from '@/providers/DeepBrowsingProvider'
-import { useScreenSize } from '@/providers/ScreenSizeProvider'
 
 export function Titlebar({
   children,
@@ -9,14 +7,10 @@ export function Titlebar({
   children?: React.ReactNode
   className?: string
 }) {
-  const { isSmallScreen } = useScreenSize()
-  const { deepBrowsing } = useDeepBrowsing()
-
   return (
     <div
       className={cn(
-        'sticky top-0 w-full z-20 bg-background duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
-        isSmallScreen && deepBrowsing ? '-translate-y-full' : '',
+        'sticky top-0 w-full z-20 bg-background [&_svg]:size-4 [&_svg]:shrink-0',
         className
       )}
     >