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

---
 frontend/src/lib/reader/ReaderPage.svelte | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/lib/reader/ReaderPage.svelte

(limited to 'frontend/src/lib/reader/ReaderPage.svelte')

diff --git a/frontend/src/lib/reader/ReaderPage.svelte b/frontend/src/lib/reader/ReaderPage.svelte
new file mode 100644
index 0000000..fb3e780
--- /dev/null
+++ b/frontend/src/lib/reader/ReaderPage.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { PageFragment } from '$gql/graphql';
+	import { src } from '$lib/Utils';
+
+	export let page: PageFragment;
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div class="flex grow" on:click>
+	<img
+		class="h-auto w-auto object-contain"
+		width={page.image.width}
+		height={page.image.height}
+		src={src(page.image, 'full')}
+		alt={page.path}
+	/>
+</div>
+
+<style>
+	div {
+		justify-content: var(--justify);
+	}
+</style>
-- 
cgit v1.2.3-2-gb3c3

