MoistOverflow
/
Tali
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

ui style

This commit is contained in:
moist-webDev 2023-05-26 00:49:37 -04:00
parent afa16bac8d
commit 9898f5db71
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
routes/Settings.tsx
View File

@ -18,7 +18,8 @@ export default function Settings({theme, changeTheme, themeMode}:any){
return ( return (
<View style={style(theme).container}> <View style={style(theme).container}>
<Text style={style(theme).text}>Theme:</Text> <View style={style(theme).row}>
<Text style={style(theme).text}>Choose Theme: </Text>
<DropDownPicker <DropDownPicker
open={open} open={open}
value={value} value={value}
@ -29,6 +30,7 @@ export default function Settings({theme, changeTheme, themeMode}:any){
style={style(theme).dropdown} style={style(theme).dropdown}
/> />
</View> </View>
</View>
) )
} }
@ -39,10 +41,18 @@ const style = (theme:any) => {
}, },
text: { text: {
color: theme.text, color: theme.text,
width: '40%',
marginLeft: '20%',
padding: 10,
}, },
dropdown: { dropdown: {
backgroundColor: theme.primary, backgroundColor: theme.primary,
color: theme.text, color: theme.text,
} width: '35%',
},
row: {
flexDirection: 'row',
width: '100%',
},
}); });
} }