Reduce manga page thumbnail size on small screens
Partially closes #1049
This commit is contained in:
@@ -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',
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user