coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adding content pages [wip]

Browse Source
This commit is contained in:
Tom Moor
2018-12-20 07:19:05 -08:00
parent 3a9a5f5ed3
commit 6ebb652481
31 changed files with 322 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
server/pages/components/Navigation.js
View File

@ -11,6 +11,7 @@ import {
changelog,
features,
about,
integrations,
privacy,
githubUrl,
twitterUrl,
@ -42,14 +43,11 @@ function TopNavigation({ sessions, loggedIn }: Props) {
<a href={features()}>Features</a>
</MenuItemDesktop>
<MenuItemDesktop>
<a href={about()}>About</a>
<a href={integrations()}>Integrations</a>
</MenuItemDesktop>
<MenuItemDesktop>
<a href={changelog()}>Changelog</a>
</MenuItemDesktop>
<MenuItemDesktop>
<a href={twitterUrl()}>Twitter</a>
</MenuItemDesktop>
<MenuItem>
<a href={developers()}>API</a>
</MenuItem>
@ -109,6 +107,9 @@ function BottomNavigation() {
<div>
<a href={privacy()}>Privacy</a>
</div>
<div>
<a href={about()}>About</a>
</div>
</BottomNav>
);
}
@ -118,11 +119,11 @@ const MenuLinkStyle = props => `
font-weight: 500;
a {
color: ${props.theme.slate};
color: rgba(0, 0, 0, 0.6);
}
a:hover {
color: ${props.theme.slateDark};
color: rgba(0, 0, 0, 0.4);
text-decoration: underline;
}
`;
@ -142,17 +143,17 @@ const MenuItem = styled.li`
props.highlighted &&
`
position: relative;
border: 2px solid ${props.theme.slate};
border: 2px solid rgba(0, 0, 0, 0.6);
border-radius: 4px;
padding: 6px 8px;
margin-top: -6px;
margin-bottom: -6px;
&:hover {
border: 2px solid ${props.theme.slateDark};
border: 2px solid rgba(0, 0, 0, 0.4);
> a {
color: ${props.theme.slateDark};
color: rgba(0, 0, 0, 0.4);
}
}