Initial commit0.1.0

1 files changed, 16 insertions, 0 deletions

diff --git a/frontend/src/lib/reader/components/ReaderMenuButton.svelte b/frontend/src/lib/reader/components/ReaderMenuButton.svelte
new file mode 100644
index 0000000..aa20206
--- /dev/null
+++ b/frontend/src/lib/reader/components/ReaderMenuButton.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { getReaderContext } from '$lib/Reader';
+	import { accelerator } from '$lib/Shortcuts';
+
+	const reader = getReaderContext();
+</script>
+
+<button
+	type="button"
+	class="btn floating invisible xl:visible"
+	title={`${$reader.sidebar ? 'Hide' : 'Show'} menu`}
+	on:click={() => ($reader.sidebar = !$reader.sidebar)}
+	use:accelerator={'z'}
+>
+	<span class="icon-lg icon-[material-symbols--dock-to-right]" />
+</button>