mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-06-21 19:15:36 +02:00
Open Links in new Tab
This commit is contained in:
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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>
|
||||||
|
Reference in New Issue
Block a user