martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-15 04:59:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing layout on cards drawer

Browse Source
This commit is contained in:
Roland Osborne 2022-09-23 15:37:22 -07:00
parent b1000be241
commit 6d316d563e
3 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/mobile/src/session/Session.jsx
View File

@ -101,7 +101,7 @@ export function Session() {
// drawered containers // drawered containers
const CardDrawerContent = ({ navigation, setContact, openRegistry }) => { const CardDrawerContent = ({ navigation, setContact, openRegistry }) => {
return ( return (
<SafeAreaView edges={['top', 'bottom']} style={styles.drawer}> <SafeAreaView edges={['top']} style={styles.drawer}>
<Cards navigation={navigation} openContact={setContact} openRegistry={openRegistry} /> <Cards navigation={navigation} openContact={setContact} openRegistry={openRegistry} />
</SafeAreaView> </SafeAreaView>
) )

14
app/mobile/src/session/cards/Cards.jsx
View File

@ -29,7 +29,7 @@ export function Cards({ openRegistry }) {
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" /> autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
<View style={styles.space} /> <View style={styles.space} />
</View> </View>
<TouchableOpacity style={styles.add}> <TouchableOpacity style={styles.add} onPress={openRegistry}>
<Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/> <Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
<Text style={styles.newtext}>New</Text> <Text style={styles.newtext}>New</Text>
</TouchableOpacity> </TouchableOpacity>
@ -53,8 +53,8 @@ export function Cards({ openRegistry }) {
<TextInput style={styles.inputfield} value={state.topic} onChangeText={actions.setTopic} <TextInput style={styles.inputfield} value={state.topic} onChangeText={actions.setTopic}
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" /> autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
</View> </View>
<TouchableOpacity> <TouchableOpacity style={styles.add} onPress={openRegistry}>
<Ionicons name={'doubleright'} size={16} color={Colors.grey} /> <Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</SafeAreaView> </SafeAreaView>
@ -64,14 +64,6 @@ export function Cards({ openRegistry }) {
renderItem={({ item }) => <CardItem item={item} />} renderItem={({ item }) => <CardItem item={item} />}
keyExtractor={item => item.cardId} keyExtractor={item => item.cardId}
/> />
{ !state.tabbed && (
<SafeAreaView edges={['right']} style={styles.findarea}>
<TouchableOpacity style={styles.addbottom} onPress={() => openRegistry()}>
<Ionicons style={styles.up} name={'doubleleft'} size={16} color={Colors.primary} />
<Text style={styles.bottomText}>Find Contacts</Text>
</TouchableOpacity>
</SafeAreaView>
)}
</View> </View>
); );
} }

2
app/mobile/src/session/cards/Cards.styled.js
View File

@ -76,7 +76,7 @@ export const styles = StyleSheet.create({
}, },
add: { add: {
backgroundColor: Colors.primary, backgroundColor: Colors.primary,
marginLeft: 16, marginLeft: 8,
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',