hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: sticky list mode switcher

Browse source
This commit is contained in:
codytseng 2025-01-24 16:53:01 +08:00
parent ee21e19625
commit 1df975dfc6
7 changed files with 175 additions and 183 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/BottomNavigationBar/index.tsx
View file

@ -1,15 +1,18 @@
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'
import AccountButton from './AccountButton'
export default function BottomNavigationBar({ visible = true }: { visible?: boolean }) {
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',
visible ? '' : 'translate-y-full'
deepBrowsing ? 'translate-y-full' : ''
)}
style={{
height: 'calc(3rem + env(safe-area-inset-bottom))',