feature/project-redesign #28
@@ -146,12 +146,20 @@ export function createResponsiveManager(customBreakpoints?: Partial<Breakpoints>
|
||||
*/
|
||||
const currentBreakpoint = $derived<keyof Breakpoints | 'xs'>(
|
||||
(() => {
|
||||
if (isMobile) return 'mobile';
|
||||
if (isTabletPortrait) return 'tabletPortrait';
|
||||
if (isTablet) return 'tablet';
|
||||
if (isDesktop) return 'desktop';
|
||||
if (isDesktopLarge) return 'desktopLarge';
|
||||
switch (true) {
|
||||
case isMobile:
|
||||
return 'mobile';
|
||||
case isTabletPortrait:
|
||||
return 'tabletPortrait';
|
||||
case isTablet:
|
||||
return 'tablet';
|
||||
case isDesktop:
|
||||
return 'desktop';
|
||||
case isDesktopLarge:
|
||||
return 'desktopLarge';
|
||||
default:
|
||||
return 'xs'; // Fallback for very small screens
|
||||
}
|
||||
})(),
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user