niklas/opendeck-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

changed colors in button

Browse Source
This commit is contained in:
Niklas 2021-01-22 18:30:30 +01:00
parent 47d5932fb5
commit 35b7a51ede
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/DeckButton.tsx
View File

@ -17,7 +17,7 @@ export default function DeckButton(props: Props) {
<View style={style.view}> <View style={style.view}>
<TouchableHighlight <TouchableHighlight
style={style.touchable} style={style.touchable}
underlayColor={'#f0f'} underlayColor={'#0e86d4'}
onPress={() => console.log(props.text)} onPress={() => console.log(props.text)}
onLongPress={() => console.log('long press')}> onLongPress={() => console.log('long press')}>
<Text style={style.text}>{props.text}</Text> <Text style={style.text}>{props.text}</Text>
@ -29,18 +29,21 @@ export default function DeckButton(props: Props) {
const style = StyleSheet.create({ const style = StyleSheet.create({
view: { view: {
backgroundColor: '#ff4000', backgroundColor: '#055c9d',
flexBasis: (1 / 3) * 100 + '%', flexBasis: (1 / 3) * 100 + '%',
height: Dimensions.get('window').height / 7, height: Dimensions.get('window').height / 7,
borderColor: '#94f713', borderColor: '#003060',
borderWidth: 1, borderWidth: 3,
flex: 1,
}, },
touchable: { touchable: {
width: '100%', width: '100%',
height: '100%', height: '100%',
flex: 1,
alignItems: 'center',
justifyContent: 'center',
}, },
text: { text: {
textAlign: 'center', textAlign: 'center',
color: 'white',
}, },
}); });