jeffemmett
/
orionreed.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweaked header style

This commit is contained in:
Orion Reed 2023-08-13 14:33:23 +01:00
parent 78a054f0a1
commit 90bc30e0c3
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Header.tsx
View File

@ -3,8 +3,9 @@ const useStyles = createStyles((theme) => ({
home: {
color: theme.black,
fontFamily: theme.headings.fontFamily,
fontSize: '1.2em',
fontWeight: 800,
marginRight: theme.spacing.sm,
fontSize: '1.1em',
fontWeight: 700,
'&:not(:hover)': {
textDecoration: 'none',
},
@ -12,7 +13,7 @@ const useStyles = createStyles((theme) => ({
link: {
color: theme.black,
fontFamily: theme.headings.fontFamily,
fontSize: '1.2em',
fontSize: '1.1em',
fontWeight: 400,
'&:not(:hover)': {
textDecoration: 'none',
@ -24,7 +25,7 @@ export function Header({ dark }: { dark?: boolean }) {
return (
<Box bg={dark ? 'red' : ''} py="2rem">
<Container size="40em">
<Group align="end">
<Group align="end" spacing="sm">
<Anchor href="/" className={classes.home}>
orion reed
</Anchor>