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

Fix MangaList Overflow, top-position

Browse Source
This commit is contained in:
glax
2025-06-17 15:40:25 +02:00
parent d785b6e078
commit 6b05c4fb00
4 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
tranga-website/src/App.css
View File

@ -8,8 +8,6 @@
.app-content {
position: absolute;
height: calc(100% - 60px);
top: 60px;
width: 100%;
left: 0;
}

2
tranga-website/src/Components/MangaList.tsx
View File

@ -53,7 +53,7 @@ export default function MangaList({connected, setShowSearch}: {connected: boolea
}
return(
<Stack direction="row" spacing={1} flexWrap={"wrap"}>
<Stack direction="row" spacing={1} flexWrap={"wrap"} sx={{overflowX: 'hidden', overflowY: 'auto' /* Badge overflow */}} paddingTop={"6px" /* Badge overflow */}>
<Badge invisible sx={{margin: "8px !important"}}>
<Card onClick={() => setShowSearch(true)} sx={{height:"fit-content",width:"fit-content"}}>
<CardCover sx={{margin:"var(--Card-padding)"}}>

3
tranga-website/src/Header.css
View File

@ -1,5 +1,6 @@
.header {
position: static !important;
position: sticky !important;
z-index: 1000;
top: 0;
left: 0;
width: 100%;

2
tranga-website/src/Header.tsx
View File

@ -7,7 +7,7 @@ import { GitHub } from "@mui/icons-material";
export default function Header({children} : {children? : ReactElement<any, any> | ReactElement<any,any>[] | undefined}) : ReactElement {
return (
<Sheet className={"header"} sx={{position: "sticky !important", zIndex: 100}}>
<Sheet className={"header"}>
<Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center"}}>
{children}
<Box sx={{flexGrow: 1}} />