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

feature/comparison-slider #19

Merged
ilia merged 129 commits from feature/comparison-slider into main 2026-02-02 09:23:46 +00:00
Conversation 0 Commits 129 Files Changed 106 +13 -17
1 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e89c6369cb - Show all commits

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

@@ -14,12 +14,16 @@
* throughout the application. * throughout the application.
*/ */
import favicon from '$shared/assets/favicon.svg'; import favicon from '$shared/assets/favicon.svg';
import * as Sidebar from '$shared/shadcn/ui/sidebar/index'; import { Provider as TooltipProvider } from '$shared/shadcn/ui/tooltip';
import { FiltersSidebar } from '$widgets/FiltersSidebar'; import { TypographyMenu } from '$widgets/TypographySettings';
import TypographyMenu from '$widgets/TypographySettings/ui/TypographyMenu.svelte'; import type { Snippet } from 'svelte';
interface Props {
children: Snippet;
}
/** Slot content for route pages to render */ /** Slot content for route pages to render */
let { children } = $props(); let { children }: Props = $props();
</script> </script>
<svelte:head> <svelte:head>
@@ -35,22 +39,14 @@ let { children } = $props();
> >
</svelte:head> </svelte:head>
<div id="app-root"> <div id="app-root" class="min-h-screen flex flex-col bg-background">
<header></header> <header></header>
<Sidebar.Provider> <main class="flex-1 w-full max-w-5xl mx-auto px-4 py-6 md:px-8 lg:py-10">
<FiltersSidebar /> <TooltipProvider>
<main class="w-dvw">
<TypographyMenu /> <TypographyMenu />
{@render children?.()} {@render children?.()}
</main> </TooltipProvider>
</Sidebar.Provider> </main>
<footer></footer> <footer></footer>
</div> </div>
<style>
#app-root {
width: 100%;
height: 100vh;
}
</style>