glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-05-15 02:53:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Cutoff MangaName in CoverCard

Browse Source
This commit is contained in:
glax 2025-05-08 05:26:51 +02:00
parent 03c78f7b6a
commit bbad467fe6
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
tranga-website/src/Components/Manga.tsx
View File

@ -100,6 +100,8 @@ export function Manga({manga, children, loading} : { manga: IManga | undefined,
const interactiveElements = ["button", "input", "textarea", "a", "select", "option", "li"]; const interactiveElements = ["button", "input", "textarea", "a", "select", "option", "li"];
const mangaName = useManga.name.length > 30 ? useManga.name.substring(0, 27) + "..." : useManga.name;
return ( return (
<Badge sx={{margin:"8px !important"}} badgeContent={useManga.mangaConnectorId} color={ReleaseStatusToPalette(useManga.releaseStatus)} size={"lg"}> <Badge sx={{margin:"8px !important"}} badgeContent={useManga.mangaConnectorId} color={ReleaseStatusToPalette(useManga.releaseStatus)} size={"lg"}>
<Card sx={{height:"fit-content",width:"fit-content"}} onClick={(e) => { <Card sx={{height:"fit-content",width:"fit-content"}} onClick={(e) => {
@ -121,7 +123,7 @@ export function Manga({manga, children, loading} : { manga: IManga | undefined,
<Box sx={coverSx}> <Box sx={coverSx}>
<Skeleton loading={loading}> <Skeleton loading={loading}>
<Link href={useManga.websiteUrl} level={"h3"} sx={{height:"min-content",width:"fit-content",color:"white",margin:"0 0 0 10px"}}> <Link href={useManga.websiteUrl} level={"h3"} sx={{height:"min-content",width:"fit-content",color:"white",margin:"0 0 0 10px"}}>
{useManga.name} {mangaName}
</Link> </Link>
</Skeleton> </Skeleton>
</Box> </Box>