coco/ixion
coco
/
ixion
mirror of https://github.com/cocosolos/ixion.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add a link to ko-fi

This commit is contained in:
Corey 2024-05-03 04:10:32 +00:00
parent 739cfdd07e
commit c9378ceb8c
1 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
client/src/components/Footer.tsx
View File

@ -16,15 +16,41 @@ export default function Footer() {
return ( return (
<Box className="bottom-0 w-full flex-none"> <Box className="bottom-0 w-full flex-none">
<AppBar position="relative"> <AppBar position="relative">
<Toolbar className="min-h-min justify-end"> <Toolbar className="min-h-min justify-between">
<Tooltip title="About" arrow disableInteractive> <Box>
<IconButton component={Link} to="/about" onClick={scrollToTop}> <Tooltip title="Support Me" arrow disableInteractive>
<QuestionMark /> <a
</IconButton> href="https://ko-fi.com/A0A7WFPSL"
</Tooltip> target="_blank"
<IconButton onClick={switchColorMode}> rel="noreferrer"
{theme.palette.mode === 'dark' ? <Brightness7 /> : <Brightness4 />} >
</IconButton> <img
style={{
maxHeight: '2.5em',
verticalAlign: 'middle',
}}
src="https://storage.ko-fi.com/cdn/brandasset/kofi_s_logo_nolabel.png"
alt="Buy Me a Coffee at ko-fi.com"
/>
</a>
</Tooltip>
</Box>
<Box>
<Tooltip title="About" arrow disableInteractive>
<IconButton component={Link} to="/about" onClick={scrollToTop}>
<QuestionMark />
</IconButton>
</Tooltip>
<Tooltip title="Toggle Theme" arrow disableInteractive>
<IconButton onClick={switchColorMode}>
{theme.palette.mode === 'dark' ? (
<Brightness7 />
) : (
<Brightness4 />
)}
</IconButton>
</Tooltip>
</Box>
</Toolbar> </Toolbar>
</AppBar> </AppBar>
</Box> </Box>