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

Page popover styling

Browse Source
This commit is contained in:
ZXY101
2023-09-29 12:01:43 +02:00
parent 0bb5c8a5ac
commit 89ca673b2d
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -190,7 +190,7 @@
<SettingsButton /> <SettingsButton />
{#if volume && pages} {#if volume && pages}
<Cropper /> <Cropper />
<Popover placement="bottom" trigger="click" triggeredBy="#page-num" class="z-20 w-full"> <Popover placement="bottom" trigger="click" triggeredBy="#page-num" class="z-20 w-full max-w-xs">
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<div class="flex flex-row items-center gap-5 z-10"> <div class="flex flex-row items-center gap-5 z-10">
<ChervonDoubleLeftSolid <ChervonDoubleLeftSolid
@@ -221,7 +221,16 @@
size="sm" size="sm"
/> />
</div> </div>
<Range min={1} max={pages.length} bind:value={manualPage} on:change={onManualPageChange} /> <div style:direction={$settings.rightToLeft ? 'rtl' : 'ltr'}>
<Range
min={1}
max={pages.length}
bind:value={manualPage}
on:change={onManualPageChange}
cla
defaultClass=""
/>
</div>
</div> </div>
</Popover> </Popover>
<button class="absolute opacity-50 left-5 top-5 z-10 mix-blend-difference" id="page-num"> <button class="absolute opacity-50 left-5 top-5 z-10 mix-blend-difference" id="page-num">