Add content blocks styles
This commit is contained in:
parent
99f6e5f595
commit
5a2b959d85
|
@ -0,0 +1,18 @@
|
|||
import styled from 'styled-components'
|
||||
import { Colors } from '../../constants'
|
||||
|
||||
export const PageContent = styled.div`
|
||||
position: relative;
|
||||
background-color: ${Colors.White};
|
||||
margin: 24px auto;
|
||||
max-width: 1000px;
|
||||
`
|
||||
|
||||
export const MenuContent = styled.div`
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
padding: 24px 0;
|
||||
`
|
|
@ -1,12 +0,0 @@
|
|||
import styled from 'styled-components'
|
||||
import { Colors } from '../../constants'
|
||||
|
||||
export const PageContent = styled.div`
|
||||
position: relative;
|
||||
background-color: ${Colors.White};
|
||||
margin: 30px auto 0 auto;
|
||||
max-width: 480px;
|
||||
border-radius: 12px;
|
||||
box-shadow: ${Colors.Shadow};
|
||||
padding: 12px 24px;
|
||||
`
|
|
@ -1,3 +1,3 @@
|
|||
export * from './Page'
|
||||
export * from './PageContent'
|
||||
export * from './Content'
|
||||
export * from './Title'
|
||||
|
|
Loading…
Reference in New Issue