From 86acca5e1c37bf24bef393700fbf0909b58b9df3 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Tue, 11 Dec 2018 12:11:22 +0100 Subject: WIP dropdown menus --- packages/website/ts/@next/components/header.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) (limited to 'packages/website/ts/@next/components/header.tsx') diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index 4b5f8d346..165cba562 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -6,8 +6,7 @@ import styled from 'styled-components'; import { colors } from 'ts/style/colors'; -import { Button, ButtonWrap, Link } from 'ts/@next/components/button'; -import { DevelopersDropDown } from 'ts/@next/components/dropdowns/developers_drop_down'; +import { Button, Link } from 'ts/@next/components/button'; import { DropdownDevelopers } from 'ts/@next/components/dropdowns/dropdown_developers'; import { DropdownProducts } from 'ts/@next/components/dropdowns/dropdown_products'; import { Dropdown } from 'ts/@next/components/dropdowns/mock'; @@ -50,7 +49,7 @@ const navItems: NavItem[] = [ url: '#', text: 'Developers', dropdownComponent: DropdownDevelopers, - dropdownWidth: 420, + dropdownWidth: 450, }, { id: 'about', url: '/next/about/mission', text: 'About' }, { id: 'blog', url: '#', text: 'Blog' }, @@ -154,8 +153,10 @@ const HeaderWrap = styled(Wrap)` } `; -const StyledButtonWrap = styled(ButtonWrap)` +const StyledButtonWrap = styled.div` display: flex; + align-items: center; + justify-content: space-between; @media (max-width: 768px) { background-color: #022924; @@ -166,7 +167,10 @@ const StyledButtonWrap = styled(ButtonWrap)` a { text-align: left; padding-left: 0; - margin: 0 !important; + } + + a + a { + margin-left: 0; } } `; -- cgit v1.2.3