sudacode/mokuro-reader
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Start implementing new styles

Browse Source
This commit is contained in:
ZXY101
2023-09-05 10:03:44 +02:00
parent 3f17b601e5
commit 90796e4ae9
5 changed files with 95 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/lib/components/Reader/Reader.svelte
View File

@@ -1,7 +1,6 @@
<script lang="ts">
import { currentManga, currentVolume } from '$lib/catalog';
import Button from '$lib/components/Button.svelte';
import { Panzoom, zoomOriginal } from '$lib/panzoom';
import { currentVolume } from '$lib/catalog';
import { Panzoom } from '$lib/panzoom';
import MangaPage from './MangaPage.svelte';
const volume = $currentVolume;
@@ -19,22 +18,8 @@
}
</script>
{#if volume}
<div>
<Button on:click={zoomOriginal}>Reset Zoom</Button>
<Button on:click={left}>{'<'}</Button>
<Button on:click={right}>{'>'}</Button>
</div>
{#if volume && pages}
<Panzoom>
<MangaPage page={pages[page - 1]} src={Object.values(volume?.files)[page - 1]} />
<MangaPage page={pages[page - 1]} src={Object.values(volume?.files)[page - 1]} {left} {right} />
</Panzoom>
{/if}
<style>
div {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1;
}
</style>