aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/header.tsx
diff options
context:
space:
mode:
authorFabio B <kandinsky454@protonmail.ch>2019-01-11 18:18:18 +0800
committerGitHub <noreply@github.com>2019-01-11 18:18:18 +0800
commit2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5 (patch)
tree23187637b8db2927bdcc11b1b42a2e93787ccaaa /packages/website/ts/components/header.tsx
parenta5b7a351609a5e6689bb97990216153f64302462 (diff)
parenta091b2c19d3dae1eacd9b36f71bca9683001ea33 (diff)
downloaddexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.gz
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.zst
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.zip
Merge pull request #1500 from 0xProject/update-prettier-version
Update prettier to version ^1.15.3
Diffstat (limited to 'packages/website/ts/components/header.tsx')
-rw-r--r--packages/website/ts/components/header.tsx49
1 files changed, 23 insertions, 26 deletions
diff --git a/packages/website/ts/components/header.tsx b/packages/website/ts/components/header.tsx
index 90e097070..088f41048 100644
--- a/packages/website/ts/components/header.tsx
+++ b/packages/website/ts/components/header.tsx
@@ -87,7 +87,9 @@ class HeaderBase extends React.Component<HeaderProps> {
</Link>
<NavLinks>
- {_.map(navItems, (link, index) => <NavItem key={`navlink-${index}`} link={link} />)}
+ {_.map(navItems, (link, index) => (
+ <NavItem key={`navlink-${index}`} link={link} />
+ ))}
</NavLinks>
<MediaQuery minWidth={990}>
@@ -130,10 +132,7 @@ const NavItem = (props: { link: NavItemProps; key: string }) => {
);
};
-const StyledHeader =
- styled.header <
- HeaderProps >
- `
+const StyledHeader = styled.header<HeaderProps>`
padding: 30px;
background-color: ${props => props.theme.bgColor};
`;
@@ -200,10 +199,7 @@ const NavLinks = styled.ul`
}
`;
-const DropdownWrap =
- styled.div <
- DropdownWrapInterface >
- `
+const DropdownWrap = styled.div<DropdownWrapInterface>`
width: ${props => props.width || 280}px;
padding: 15px 0;
border: 1px solid transparent;
@@ -219,27 +215,28 @@ const DropdownWrap =
transition: opacity 0.35s, transform 0.35s, visibility 0s 0.35s;
z-index: 20;
- &:after, &:before {
- bottom: 100%;
- left: 50%;
- border: solid transparent;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
+ &:after,
+ &:before {
+ bottom: 100%;
+ left: 50%;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
}
&:after {
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: ${props => props.theme.dropdownBg};
- border-width: 10px;
- margin-left: -10px;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: ${props => props.theme.dropdownBg};
+ border-width: 10px;
+ margin-left: -10px;
}
&:before {
- border-color: rgba(255, 0, 0, 0);
- border-bottom-color: ${props => props.theme.dropdownBorderColor};
- border-width: 11px;
- margin-left: -11px;
+ border-color: rgba(255, 0, 0, 0);
+ border-bottom-color: ${props => props.theme.dropdownBorderColor};
+ border-width: 11px;
+ margin-left: -11px;
}
@media (max-width: 768px) {