Open Links in new Tab

This commit is contained in:
2025-06-18 02:04:52 +02:00
parent d6eeae4021
commit b4b4479e9b
4 changed files with 6 additions and 6 deletions

View File

@ -38,7 +38,7 @@ export function Chapter({chapter, children} : { chapter: IChapter, children?: Re
<Stack direction={"row"}> <Stack direction={"row"}>
<MangaFromId mangaId={chapter.parentMangaId} /> <MangaFromId mangaId={chapter.parentMangaId} />
<Box> <Box>
<Link level={"title-lg"} href={chapter.url}>{chapter.title}</Link> <Link target={"_blank"} level={"title-lg"} href={chapter.url}>{chapter.title}</Link>
<Typography>Volume <Chip>{chapter.volumeNumber}</Chip></Typography> <Typography>Volume <Chip>{chapter.volumeNumber}</Chip></Typography>
<Typography>Chapter <Chip>{chapter.chapterNumber}</Chip></Typography> <Typography>Chapter <Chip>{chapter.chapterNumber}</Chip></Typography>
<Typography>Title <Chip>{chapter.title}</Chip></Typography> <Typography>Title <Chip>{chapter.title}</Chip></Typography>

View File

@ -137,7 +137,7 @@ export default function MangaPopup({manga, open, setOpen, children} : {manga: IM
onLoad={LoadMangaCover}/> onLoad={LoadMangaCover}/>
</Badge> </Badge>
<Box> <Box>
<Link href={manga?.websiteUrl} level={"h2"}> <Link target={"_blank"} href={manga?.websiteUrl} level={"h2"}>
{manga?.name} {manga?.name}
</Link> </Link>
<Stack direction={"row"} flexWrap={"wrap"} useFlexGap={true} spacing={0.3} sx={{maxHeight:CardHeight*0.3+"px", overflowY:"auto", scrollbarWidth: "thin"}}> <Stack direction={"row"} flexWrap={"wrap"} useFlexGap={true} spacing={0.3} sx={{maxHeight:CardHeight*0.3+"px", overflowY:"auto", scrollbarWidth: "thin"}}>
@ -145,7 +145,7 @@ export default function MangaPopup({manga, open, setOpen, children} : {manga: IM
{manga?.mangaTags?.map(tag => <Chip key={tag.tag} variant={"soft"} size={"md"} color={"primary"}>{tag.tag}</Chip>)} {manga?.mangaTags?.map(tag => <Chip key={tag.tag} variant={"soft"} size={"md"} color={"primary"}>{tag.tag}</Chip>)}
{manga?.links?.map(link => {manga?.links?.map(link =>
<Chip key={link.linkId} variant={"soft"} size={"md"} color={"warning"}> <Chip key={link.linkId} variant={"soft"} size={"md"} color={"warning"}>
<Link sx={{textDecoration:"underline"}} level={"body-xs"} href={link?.linkUrl}>{link?.linkProvider??"Load Failed"}</Link> <Link target={"_blank"} sx={{textDecoration:"underline"}} level={"body-xs"} href={link?.linkUrl}>{link?.linkProvider??"Load Failed"}</Link>
</Chip> </Chip>
)} )}
</Stack> </Stack>

View File

@ -20,8 +20,8 @@ export default function Header({children} : {children? : ReactElement<any, any>
cursor: "default" cursor: "default"
}}>Tranga</Typography> }}>Tranga</Typography>
<Box sx={{flexGrow: 1}} /> <Box sx={{flexGrow: 1}} />
<Link href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link> <Link target={"_blank"} href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link>
<Link href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link> <Link target={"_blank"} href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link>
</Stack> </Stack>
</Sheet> </Sheet>
); );

View File

@ -119,7 +119,7 @@ export default function Settings({open, setOpen, setApiUri, setConnected}:{open:
<FlareSolverr backendSettings={backendSettings} /> <FlareSolverr backendSettings={backendSettings} />
</AccordionGroup> </AccordionGroup>
<Stack spacing={2} direction="row"> <Stack spacing={2} direction="row">
<Link href={apiUri + "/swagger"}><Article />Swagger Doc</Link> <Link target={"_blank"} href={apiUri + "/swagger"}><Article />Swagger Doc</Link>
</Stack> </Stack>
</DialogContent> </DialogContent>
</Drawer> </Drawer>