summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/reader/ReaderPage.svelte
blob: fb3e78013cf9daf2d10e9a769316e9c78e0eff6c (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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>