Sidebar styling tweak
This commit is contained in:
parent
5c7a182897
commit
e50c6488d3
|
@ -66,6 +66,22 @@ const Container = styled(Flex)`
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
background: ${props => props.theme.smoke};
|
||||||
|
position: absolute;
|
||||||
|
top: -50vh;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 50vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
top: auto;
|
||||||
|
bottom: -50vh;
|
||||||
|
}
|
||||||
|
|
||||||
${breakpoint('tablet')`
|
${breakpoint('tablet')`
|
||||||
width: ${props => props.theme.sidebarWidth};
|
width: ${props => props.theme.sidebarWidth};
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -37,11 +37,11 @@ export type NavigationNode = {
|
||||||
id: string,
|
id: string,
|
||||||
title: string,
|
title: string,
|
||||||
url: string,
|
url: string,
|
||||||
children: Array<NavigationNode>,
|
children: NavigationNode[],
|
||||||
};
|
};
|
||||||
|
|
||||||
export type Document = {
|
export type Document = {
|
||||||
collaborators: Array<User>,
|
collaborators: User[],
|
||||||
collection: Object,
|
collection: Object,
|
||||||
createdAt: string,
|
createdAt: string,
|
||||||
createdBy: User,
|
createdBy: User,
|
||||||
|
|
Reference in New Issue