gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: move sidebar FAB to bottom-left to avoid overlap with back-to-top

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
gbanyan
2026-02-13 22:47:18 +08:00
parent 42a1d3cbbe
commit 62d5973e1f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/sidebar-layout.tsx
View File

@@ -77,7 +77,7 @@ export function SidebarLayout({ children }: { children: React.ReactNode }) {
type="button" type="button"
onClick={() => setMobileSidebarOpen(true)} onClick={() => setMobileSidebarOpen(true)}
className={clsx( className={clsx(
'fixed bottom-6 right-6 z-40 flex h-11 w-11 items-center justify-center rounded-full border border-slate-200 bg-white/90 text-slate-600 shadow-md backdrop-blur-sm transition hover:bg-slate-50 dark:border-slate-700 dark:bg-slate-900/90 dark:text-slate-300 dark:hover:bg-slate-800 lg:hidden', 'fixed bottom-6 left-6 z-40 flex h-11 w-11 items-center justify-center rounded-full border border-slate-200 bg-white/90 text-slate-600 shadow-md backdrop-blur-sm transition hover:bg-slate-50 dark:border-slate-700 dark:bg-slate-900/90 dark:text-slate-300 dark:hover:bg-slate-800 lg:hidden',
mobileSidebarOpen ? 'opacity-0 pointer-events-none' : 'opacity-100' mobileSidebarOpen ? 'opacity-0 pointer-events-none' : 'opacity-100'
)} )}
aria-label="開啟側邊欄" aria-label="開啟側邊欄"