diff options
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/src/lib/toolbar/Toolbar.svelte | 5 | ||||
| -rw-r--r-- | frontend/src/routes/comics/+page.svelte | 3 |
2 files changed, 5 insertions, 3 deletions
diff --git a/frontend/src/lib/toolbar/Toolbar.svelte b/frontend/src/lib/toolbar/Toolbar.svelte index 03cd892..9e961ed 100644 --- a/frontend/src/lib/toolbar/Toolbar.svelte +++ b/frontend/src/lib/toolbar/Toolbar.svelte @@ -11,11 +11,12 @@ center?: Snippet<[ToolbarState]>; end?: Snippet<[ToolbarState]>; expansion?: Snippet; + expand?: boolean; } - let { start, center, end, expansion }: Props = $props(); + let { start, center, end, expansion, expand: expand = false }: Props = $props(); - let expanded = $state(false); + let expanded = $state(expand); function toggle() { expanded = !expanded; diff --git a/frontend/src/routes/comics/+page.svelte b/frontend/src/routes/comics/+page.svelte index 372fd1a..03123be 100644 --- a/frontend/src/routes/comics/+page.svelte +++ b/frontend/src/routes/comics/+page.svelte @@ -51,6 +51,7 @@ }); let filter = $state(new ComicFilterContext(data.filter)); + let filterSize = $derived(filter.includes + filter.excludes); $effect(() => { filter = new ComicFilterContext(data.filter); }); @@ -59,7 +60,7 @@ <Head section="Comics" /> <Column> - <Toolbar> + <Toolbar expand={filterSize > 0}> {#snippet start()} <SelectionControls> <MarkSelection> |