Fix top menu navigation

This commit is contained in:
Maria Rushkova 2021-11-19 17:29:50 +01:00
parent 16344704a3
commit 53dc351436
No known key found for this signature in database
GPG Key ID: B9B5728B991FF586
1 changed files with 4 additions and 10 deletions

View File

@ -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};
}