From d1d654ebac2d51e3841675faeb56480e440f622f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Tue, 5 Mar 2024 18:08:09 +0100
Subject: Initial commit

---
 .../lib/reader/components/CloseReaderButton.svelte    | 19 +++++++++++++++++++
 .../src/lib/reader/components/ReaderMenuButton.svelte | 16 ++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 frontend/src/lib/reader/components/CloseReaderButton.svelte
 create mode 100644 frontend/src/lib/reader/components/ReaderMenuButton.svelte

(limited to 'frontend/src/lib/reader/components')

diff --git a/frontend/src/lib/reader/components/CloseReaderButton.svelte b/frontend/src/lib/reader/components/CloseReaderButton.svelte
new file mode 100644
index 0000000..0c88323
--- /dev/null
+++ b/frontend/src/lib/reader/components/CloseReaderButton.svelte
@@ -0,0 +1,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>
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>
-- 
cgit v1.2.3-2-gb3c3