ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add "Webtoon" reading mode

Browse Source
This commit is contained in:
schroda
2024-12-16 16:26:32 +01:00
parent 74f78e40d4
commit 942d8699c1
10 changed files with 62 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/reader/components/viewer/pager/ReaderVerticalPager.tsx
View File

@@ -8,7 +8,7 @@
import { ReaderService } from '@/modules/reader/services/ReaderService.ts';
import { BasePager } from '@/modules/reader/components/viewer/pager/BasePager.tsx';
import { ReaderPagerProps } from '@/modules/reader/types/Reader.types.ts';
import { ReaderPagerProps, ReadingMode } from '@/modules/reader/types/Reader.types.ts';
import { createReaderPage } from '@/modules/reader/utils/ReaderPager.utils.tsx';
export const ReaderVerticalPager = ({
@@ -20,7 +20,9 @@ export const ReaderVerticalPager = ({
}: ReaderPagerProps) => {
const { currentPageIndex, totalPages } = props;
const { pageGap } = ReaderService.useSettings();
const { readingMode, pageGap } = ReaderService.useSettings();
const isWebtoonMode = readingMode.value === ReadingMode.WEBTOON;
const actualPageGap = isWebtoonMode ? 0 : pageGap;
return (
<BasePager
@@ -46,7 +48,7 @@ export const ReaderVerticalPager = ({
margin: 'auto',
flexWrap: 'nowrap',
alignItems: 'center',
gap: `${pageGap.value}px`,
gap: `${actualPageGap}px`,
},
},
}}