Denozordec
c263fd5c7e
CI / changes (push) Successful in 7s
CI / openapi (push) Has been skipped
CI / web (push) Successful in 29s
CI / go (push) Has been skipped
CI / docker-web (push) Successful in 1m22s
CI / docker-bird (push) Has been skipped
CI / bird2 (push) Has been skipped
CI / docker-go (push) Has been skipped
- Standardized formatting in various Svelte components for better readability. - Updated README.md and .prettierrc for consistent styling and improved documentation. - Refactored class attributes in UI components to enhance clarity and maintainability. - Adjusted layout files to ensure proper alignment and spacing in the application interface.
34 lines
997 B
Svelte
34 lines
997 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from 'svelte';
|
|
import { TooltipProvider } from '$lib/ui/core/tooltip/index.js';
|
|
import type { ThemePreference } from '$lib/theme.js';
|
|
import AppSidebar from './app-sidebar.svelte';
|
|
import AppMobileNav from './app-mobile-nav.svelte';
|
|
|
|
let {
|
|
children,
|
|
theme = $bindable<ThemePreference>('system')
|
|
}: {
|
|
children: Snippet;
|
|
theme?: ThemePreference;
|
|
} = $props();
|
|
|
|
let collapsed = $state(false);
|
|
let mobileNavOpen = $state(false);
|
|
</script>
|
|
|
|
<TooltipProvider delayDuration={0}>
|
|
<div class="flex min-h-screen bg-background">
|
|
<AppSidebar bind:collapsed bind:theme />
|
|
<div class="flex min-w-0 flex-1 flex-col">
|
|
<div class="flex items-center gap-2 border-b border-border px-4 py-2 md:hidden">
|
|
<AppMobileNav bind:open={mobileNavOpen} bind:theme />
|
|
<span class="font-semibold tracking-tight">EvoBGP</span>
|
|
</div>
|
|
<main class="min-w-0 flex-1 p-4 md:p-6">
|
|
{@render children()}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</TooltipProvider>
|