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