summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/reader/components/CloseReaderButton.svelte
blob: 0c88323e37c858b9069dcce5522b778cf12051ed (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 { getReaderContext } from '$lib/Reader';
	import { accelerator } from '$lib/Shortcuts';

	const reader = getReaderContext();
</script>

<button
	type="button"
	class="btn floating"
	title="Close reader"
	on:click={() => {
		$reader.visible = false;
		$reader.sidebar = false;
	}}
	use:accelerator={'Escape'}
>
	<span class="icon-lg icon-[material-symbols--close]" />
</button>