shakespeare.diy
d4f5b786a1
- Removed hideMobileTopBar prop from MainLayout entirely - Added STICKY_HEADER_CLASS constant in utils for consistent mobile-aware sticky positioning (top-10 on mobile, top-0 on desktop) - Updated all pages to use the shared constant: Search, KindFeed (Vines), Hashtag, Wallet, Settings, Placeholder, NotFound, Bookmarks, Notifications, and Profile - Back arrows hidden on desktop where sidebar provides navigation Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
15 lines
493 B
TypeScript
15 lines
493 B
TypeScript
import { clsx, type ClassValue } from "clsx"
|
|
import { twMerge } from "tailwind-merge"
|
|
|
|
export function cn(...inputs: ClassValue[]) {
|
|
return twMerge(clsx(inputs))
|
|
}
|
|
|
|
/**
|
|
* Sticky header offset class for pages inside MainLayout.
|
|
* On mobile the MobileTopBar is h-10 (40px) and sticky at top-0,
|
|
* so page-level sticky headers must sit below it.
|
|
* On desktop (sidebar breakpoint) the top bar is hidden, so top-0 applies.
|
|
*/
|
|
export const STICKY_HEADER_CLASS = 'sticky top-10 sidebar:top-0';
|