maverick/netlify-cms-react-starter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sticky Nav

Browse source
This commit is contained in:
Jinksi 2017-03-29 20:59:57 +10:00
parent 52862752eb
commit 69e5811eb0
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/Nav.js
View file

@ -1,15 +1,17 @@
import React from 'react'
import styled from 'styled-components'
import { Container } from './common'
import { Container, Flex } from './common'
const Nav = styled.nav`
padding: 0;
display: flex;
align-items: center;
const Nav = styled.div`
background: white;
position: sticky;
top: 0;
`
export default (props) => (
<Container>
<Nav {...props} />
</Container>
<Nav>
<Container>
<Flex alignCenter {...props} />
</Container>
</Nav>
)