Update HeaderSimple component: replace MantineLogo with a custom Text element displaying the name 'Craig Macfadyen' for a personalized header experience.
This commit is contained in:
@@ -1,6 +1,5 @@
|
|||||||
import { Anchor, Burger, Container, Group } from '@mantine/core';
|
import { Anchor, Burger, Container, Group, Text } from '@mantine/core';
|
||||||
import { useDisclosure } from '@mantine/hooks';
|
import { useDisclosure } from '@mantine/hooks';
|
||||||
import { MantineLogo } from '@mantinex/mantine-logo';
|
|
||||||
import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle';
|
import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle';
|
||||||
import classes from './HeaderSimple.module.css';
|
import classes from './HeaderSimple.module.css';
|
||||||
|
|
||||||
@@ -10,7 +9,7 @@ export function HeaderSimple() {
|
|||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Container size="md" className={classes.inner}>
|
<Container size="md" className={classes.inner}>
|
||||||
<MantineLogo size={28} />
|
<Text fw={700} size="lg" style={{ userSelect: 'none', cursor: 'default' }}>Craig Macfadyen</Text>
|
||||||
<Group gap={5} visibleFrom="xs">
|
<Group gap={5} visibleFrom="xs">
|
||||||
<Anchor href="#" className={classes.link}>
|
<Anchor href="#" className={classes.link}>
|
||||||
CV
|
CV
|
||||||
|
|||||||
Reference in New Issue
Block a user