Initial commit0.1.0

1 files changed, 19 insertions, 0 deletions

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>