Fix top menu navigation
This commit is contained in:
parent
16344704a3
commit
53dc351436
|
@ -11,11 +11,9 @@ export function Menu() {
|
|||
return (
|
||||
<NavigationMenu>
|
||||
<TopNavigation>
|
||||
<TopNavLinks>
|
||||
<TopLink to="/">Home</TopLink>
|
||||
<TopLink to="/support">Support us</TopLink>
|
||||
<Dropdown></Dropdown>
|
||||
</TopNavLinks>
|
||||
<TopLink to="/">Home</TopLink>
|
||||
<TopLink to="/support">Support us</TopLink>
|
||||
<Dropdown></Dropdown>
|
||||
</TopNavigation>
|
||||
<Navigation>
|
||||
<NavLinks>
|
||||
|
@ -65,10 +63,6 @@ const TopNavigation = styled.div`
|
|||
padding: 24px;
|
||||
`
|
||||
|
||||
const TopNavLinks = styled.div`
|
||||
display: flex;
|
||||
`
|
||||
|
||||
const TopLink = styled(Link)`
|
||||
color: ${Colors.White};
|
||||
font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1440 - 320)));
|
||||
|
@ -131,7 +125,7 @@ const SocialLink = styled.a`
|
|||
& + & {
|
||||
margin-left: 4vw;
|
||||
}
|
||||
|
||||
|
||||
&:hover > svg {
|
||||
fill: ${Colors.Gray};
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue