Reduce manga page thumbnail size on small screens

Partially closes #1049
This commit is contained in:
schroda
2026-01-18 18:57:26 +01:00
parent 2b986c3564
commit 383d46846e

View File

@@ -89,16 +89,18 @@ export const Thumbnail = ({
borderRadius: 1, borderRadius: 1,
overflow: 'hidden', overflow: 'hidden',
backgroundColor: 'background.paper', backgroundColor: 'background.paper',
width: '150px', width: '125px',
maxHeight: 'fit-content', maxHeight: 'fit-content',
aspectRatio: MANGA_COVER_ASPECT_RATIO, aspectRatio: MANGA_COVER_ASPECT_RATIO,
flexShrink: 0, flexShrink: 0,
flexGrow: 0, flexGrow: 0,
[theme.breakpoints.up('lg')]: { [theme.breakpoints.up('lg')]: {
width: '200px', width: '200px',
maxHeight: 'fit-content',
}, },
[theme.breakpoints.up('xl')]: { [theme.breakpoints.up('xl')]: {
width: '300px', width: '300px',
maxHeight: 'fit-content',
}, },
}} }}
> >