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

Improve nav buttons

Browse Source
This commit is contained in:
ZXY101
2023-10-04 20:06:41 +02:00
parent b71e1549df
commit 04cf5a8a53
1 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -271,29 +271,26 @@
</button>
<div class="flex" style:background-color={$settings.backgroundColor}>
<Panzoom>
{#if !$settings.mobile}
<button
class="h-full fixed -left-1/2 z-10 w-1/2 hover:bg-slate-400 opacity-[0.01]"
class="h-full fixed -left-full z-10 w-full hover:bg-slate-400 opacity-[0.01]"
on:mousedown={mouseDown}
on:mouseup={left}
/>
<button
class="h-full fixed -right-1/2 z-10 w-1/2 hover:bg-slate-400 opacity-[0.01]"
class="h-full fixed -right-full z-10 w-full hover:bg-slate-400 opacity-[0.01]"
on:mousedown={mouseDown}
on:mouseup={right}
/>
{:else}
<button
class="h-screen fixed top-full left-0 z-10 w-1/2 hover:bg-slate-400 opacity-[0.01]"
class="h-screen fixed top-full -left-full z-10 w-[150%] hover:bg-slate-400 opacity-[0.01]"
on:mousedown={mouseDown}
on:mouseup={left}
/>
<button
class="h-screen fixed top-full right-0 z-10 w-1/2 hover:bg-slate-400 opacity-[0.01]"
class="h-screen fixed top-full -right-full z-10 w-[150%] hover:bg-slate-400 opacity-[0.01]"
on:mousedown={mouseDown}
on:mouseup={right}
/>
{/if}
<div
class="flex flex-row"
class:flex-row-reverse={!$settings.rightToLeft}