feat(SampleListSection): add LayoutSwitch to the header
This commit is contained in:
@@ -11,6 +11,7 @@ import {
|
|||||||
type Snippet,
|
type Snippet,
|
||||||
getContext,
|
getContext,
|
||||||
} from 'svelte';
|
} from 'svelte';
|
||||||
|
import LayoutSwitch from '../LayoutSwitch/LayoutSwitch.svelte';
|
||||||
import SampleList from '../SampleList/SampleList.svelte';
|
import SampleList from '../SampleList/SampleList.svelte';
|
||||||
|
|
||||||
const responsive = getContext<ResponsiveManager>('responsive');
|
const responsive = getContext<ResponsiveManager>('responsive');
|
||||||
@@ -25,6 +26,10 @@ const responsive = getContext<ResponsiveManager>('responsive');
|
|||||||
headerTitle="visual_output"
|
headerTitle="visual_output"
|
||||||
headerSubtitle="render_engine:"
|
headerSubtitle="render_engine:"
|
||||||
>
|
>
|
||||||
|
{#snippet headerContent()}
|
||||||
|
<LayoutSwitch />
|
||||||
|
{/snippet}
|
||||||
|
|
||||||
{#snippet content({ className })}
|
{#snippet content({ className })}
|
||||||
<div class={cn(className, !responsive.isDesktopLarge && 'col-start-0 col-span-2')}>
|
<div class={cn(className, !responsive.isDesktopLarge && 'col-start-0 col-span-2')}>
|
||||||
<SampleList />
|
<SampleList />
|
||||||
|
|||||||
Reference in New Issue
Block a user