glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(responsiveManager): add a manager to monitor responsive state and give access to responsive state flags

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-06 14:20:32 +03:00
parent 352f30a558
commit a26bcbecff
8 changed files with 321 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/ui/Layout.svelte
View File

@@ -12,6 +12,7 @@
*/
import { BreadcrumbHeader } from '$entities/Breadcrumb';
import favicon from '$shared/assets/favicon.svg';
import { ResponsiveProvider } from '$shared/lib';
import { ScrollArea } from '$shared/shadcn/ui/scroll-area';
import { Provider as TooltipProvider } from '$shared/shadcn/ui/tooltip';
import { TypographyMenu } from '$widgets/TypographySettings';
@@ -42,18 +43,20 @@ let { children }: Props = $props();
>
</svelte:head>
<div id="app-root" class="min-h-screen flex flex-col bg-background">
<header>
<BreadcrumbHeader />
</header>
<ResponsiveProvider>
<div id="app-root" class="min-h-screen flex flex-col bg-background">
<header>
<BreadcrumbHeader />
</header>
<!-- <ScrollArea class="h-screen w-screen"> -->
<main class="flex-1 h-full w-full max-w-6xl mx-auto px-4 pt-6 pb-10 md:px-8 lg:pt-10 lg:pb-20 relative overflow-x-hidden">
<TooltipProvider>
<TypographyMenu />
{@render children?.()}
</TooltipProvider>
</main>
<!-- </ScrollArea> -->
<footer></footer>
</div>
<!-- <ScrollArea class="h-screen w-screen"> -->
<main class="flex-1 h-full w-full max-w-6xl mx-auto px-4 pt-6 pb-10 md:px-8 lg:pt-10 lg:pb-20 relative overflow-x-hidden">
<TooltipProvider>
<TypographyMenu />
{@render children?.()}
</TooltipProvider>
</main>
<!-- </ScrollArea> -->
<footer></footer>
</div>
</ResponsiveProvider>