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

	const reader = getReaderContext();

	function onclick() {
		reader.visible = false;
		reader.sidebar = false;
	}
</script>

<button
	type="button"
	class="btn floating"
	title="Close reader"
	aria-label="Close reader"
	{onclick}
	use:accelerator={'Escape'}
>
	<span class="icon-lg icon-[material-symbols--close]"></span>
</button>