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

Reorder Header items.

Browse Source 
Center Logo
Move Settings/Jobs buttons to left side
This commit is contained in:
glax
2025-06-17 15:31:57 +02:00
parent 486f6f60fb
commit e64f325022
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,6 +9,8 @@ export default function Header({children} : {children? : ReactElement<any, any>
return ( return (
<Sheet className={"header"} sx={{position: "sticky !important", zIndex: 100}}> <Sheet className={"header"} sx={{position: "sticky !important", zIndex: 100}}>
<Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center"}}> <Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center"}}>
{children}
<Box sx={{flexGrow: 1}} />
<img src={"/blahaj.png"} style={{cursor: "grab", maxHeight: "100%"}}/> <img src={"/blahaj.png"} style={{cursor: "grab", maxHeight: "100%"}}/>
<Typography level={"h2"} sx={{ <Typography level={"h2"} sx={{
background: "linear-gradient(110deg, var(--joy-palette-primary-solidBg), var(--joy-palette-success-400))", background: "linear-gradient(110deg, var(--joy-palette-primary-solidBg), var(--joy-palette-success-400))",
@ -17,10 +19,9 @@ export default function Header({children} : {children? : ReactElement<any, any>
fontWeight: "bold", fontWeight: "bold",
cursor: "default" cursor: "default"
}}>Tranga</Typography> }}>Tranga</Typography>
<Box sx={{flexGrow: 1}} />
<Link href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link> <Link 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 href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link>
<Box sx={{flexGrow: 1}} />
{children}
</Stack> </Stack>
</Sheet> </Sheet>
); );