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

Limit lines of manga title of update cards

Browse Source
This commit is contained in:
schroda
2024-05-22 23:28:02 +02:00
parent ea6eac5066
commit 857b0204d3
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/screens/Updates.tsx
View File

@@ -33,6 +33,7 @@ import { Mangas } from '@/lib/data/Mangas.ts';
import { SpinnerImage } from '@/components/util/SpinnerImage.tsx'; import { SpinnerImage } from '@/components/util/SpinnerImage.tsx';
import { dateTimeFormatter, epochToDate, getDateString } from '@/util/date.ts'; import { dateTimeFormatter, epochToDate, getDateString } from '@/util/date.ts';
import { defaultPromiseErrorHandler } from '@/util/defaultPromiseErrorHandler.ts'; import { defaultPromiseErrorHandler } from '@/util/defaultPromiseErrorHandler.ts';
import { TypographyMaxLines } from '@/components/atoms/TypographyMaxLines.tsx';
const groupByDate = (updates: TChapter[]): [date: string, items: number][] => { const groupByDate = (updates: TChapter[]): [date: string, items: number][] => {
if (!updates.length) { if (!updates.length) {
@@ -209,10 +210,10 @@ export const Updates: React.FC = () => {
</Avatar> </Avatar>
</Link> </Link>
<Box sx={{ display: 'flex', flexDirection: 'column' }}> <Box sx={{ display: 'flex', flexDirection: 'column' }}>
<Typography variant="h5" component="h2"> <TypographyMaxLines variant="h5" component="h2">
{manga.title} {manga.title}
</Typography>
<Typography variant="caption" display="block" gutterBottom> <Typography variant="caption" display="block" gutterBottom>
</TypographyMaxLines>
{chapter.name} {chapter.name}
</Typography> </Typography>
</Box> </Box>