Commit a48135a0 authored by Sébastiaan Versteeg's avatar Sébastiaan Versteeg
Browse files

Style toolbar and the drawer overlay

parent b2f4dd3a
......@@ -43,7 +43,7 @@ const ReduxNavigator = (props) => {
const { currentScene, loggedIn, drawerOpen, updateDrawer } = props;
if (loggedIn) {
return (<Drawer
type="displace"
type="overlay"
content={<Sidebar />}
openDrawerOffset={0.2}
panOpenMask={0.2}
......@@ -53,6 +53,7 @@ const ReduxNavigator = (props) => {
mainOverlay: {
backgroundColor: colors.black,
opacity: 0,
elevation: 100
},
}}
tweenHandler={ratio => ({ mainOverlay: { opacity: ratio * 0.75 } })}
......@@ -72,7 +73,7 @@ const ReduxNavigator = (props) => {
name={props.isFirstScene ? 'menu' : 'arrow-back'}
onClick={props.back}
style={styles.icon}
size={20}
size={24}
/>
</TouchableOpacity>
<Text style={styles.title}>{sceneToTitle(currentScene)}</Text>
......
......@@ -17,14 +17,16 @@ const styles = StyleSheet.create({
alignItems: 'center',
flexWrap: 'wrap',
flexDirection: 'row',
elevation: 4
},
title: {
color: colors.white,
fontSize: 24,
fontSize: 20,
fontFamily: 'sans-serif-medium'
},
icon: {
paddingLeft: 20,
paddingRight: 50,
paddingRight: 32,
color: colors.white,
},
});
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment