You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
533 B
35 lines
533 B
import styled from 'styled-components'
|
|
import Nav from './nav'
|
|
import Link from "next/link"
|
|
|
|
const HeaderCont = styled.header`
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: var(--border-size) var(--border-type) var(--border-color);
|
|
padding: 1rem 4rem;
|
|
gap: 2rem;
|
|
|
|
h1 {
|
|
font-weight: normal;
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
nav {
|
|
margin-left: auto;
|
|
float: right;
|
|
}
|
|
`
|
|
|
|
const Header = () => {
|
|
return (
|
|
<HeaderCont>
|
|
<h1><Link href="/">wych.dev</Link></h1>
|
|
<Nav />
|
|
</HeaderCont>
|
|
)
|
|
}
|
|
|
|
export default Header
|
|
|