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

Update updates page styling

Browse Source
This commit is contained in:
schroda
2024-08-31 15:38:51 +02:00
parent 0c6c9e5ab4
commit 95a687ae37
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/screens/Updates.tsx
View File

@@ -181,7 +181,7 @@ export const Updates: React.FC = () => {
display: 'flex', display: 'flex',
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
padding: 2, padding: 1.5,
}} }}
> >
<Box sx={{ display: 'flex' }}> <Box sx={{ display: 'flex' }}>
@@ -192,7 +192,7 @@ export const Updates: React.FC = () => {
width: 56, width: 56,
height: 56, height: 56,
flex: '0 0 auto', flex: '0 0 auto',
marginRight: 2, marginRight: 1,
background: 'transparent', background: 'transparent',
}} }}
> >
@@ -209,16 +209,20 @@ export const Updates: React.FC = () => {
/> />
</Avatar> </Avatar>
</Link> </Link>
<Box sx={{ display: 'flex', flexDirection: 'column' }}> <Box
<TypographyMaxLines variant="h5" component="h2"> sx={{
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
flexGrow: 1,
flexShrink: 1,
wordBreak: 'break-word',
}}
>
<TypographyMaxLines variant="h6" component="h3">
{manga.title} {manga.title}
</TypographyMaxLines> </TypographyMaxLines>
<TypographyMaxLines <TypographyMaxLines variant="caption" display="block" lines={1}>
variant="caption"
display="block"
gutterBottom
lines={1}
>
{chapter.name} {chapter.name}
</TypographyMaxLines> </TypographyMaxLines>
</Box> </Box>