init commit
This commit is contained in:
commit
c9d982669a
461 changed files with 30317 additions and 0 deletions
21
resources/js/layouts/app/AppHeaderLayout.svelte
Normal file
21
resources/js/layouts/app/AppHeaderLayout.svelte
Normal file
|
@ -0,0 +1,21 @@
|
|||
<script lang="ts">
|
||||
import AppContent from '@/components/AppContent.svelte';
|
||||
import AppHeader from '@/components/AppHeader.svelte';
|
||||
import AppShell from '@/components/AppShell.svelte';
|
||||
import type { BreadcrumbItemType } from '@/types';
|
||||
import type { Snippet } from 'svelte';
|
||||
|
||||
interface Props {
|
||||
breadcrumbs?: BreadcrumbItemType[];
|
||||
children?: Snippet;
|
||||
}
|
||||
|
||||
let { breadcrumbs = [], children }: Props = $props();
|
||||
</script>
|
||||
|
||||
<AppShell variant="header">
|
||||
<AppHeader {breadcrumbs} />
|
||||
<AppContent variant="header">
|
||||
{@render children?.()}
|
||||
</AppContent>
|
||||
</AppShell>
|
23
resources/js/layouts/app/AppSidebarLayout.svelte
Normal file
23
resources/js/layouts/app/AppSidebarLayout.svelte
Normal file
|
@ -0,0 +1,23 @@
|
|||
<script lang="ts">
|
||||
import AppContent from '@/components/AppContent.svelte';
|
||||
import AppShell from '@/components/AppShell.svelte';
|
||||
import AppSidebar from '@/components/AppSidebar.svelte';
|
||||
import AppSidebarHeader from '@/components/AppSidebarHeader.svelte';
|
||||
import type { BreadcrumbItemType } from '@/types';
|
||||
import type { Snippet } from 'svelte';
|
||||
|
||||
interface Props {
|
||||
breadcrumbs?: BreadcrumbItemType[];
|
||||
children?: Snippet;
|
||||
}
|
||||
|
||||
let { breadcrumbs = [], children }: Props = $props();
|
||||
</script>
|
||||
|
||||
<AppShell variant="sidebar">
|
||||
<AppSidebar />
|
||||
<AppContent variant="sidebar">
|
||||
<AppSidebarHeader {breadcrumbs} />
|
||||
{@render children?.()}
|
||||
</AppContent>
|
||||
</AppShell>
|
Loading…
Add table
Add a link
Reference in a new issue