summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/reader/components/ReaderMenuButton.svelte
blob: 58648e832f6bbc59f03b7c1e21468c6a9bfe2383 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script lang="ts">
	import { accelerator } from '$lib/Shortcuts';
	import { getReaderContext } from '../Reader.svelte';

	const reader = getReaderContext();

	let title = $derived(`${reader.sidebar ? 'Hide' : 'Show'} menu`);
</script>

<button
	type="button"
	class="btn floating invisible xl:visible"
	{title}
	aria-label={title}
	onclick={() => (reader.sidebar = !reader.sidebar)}
	use:accelerator={'z'}
>
	<span class="icon-lg icon-[material-symbols--dock-to-right]"></span>
</button>