martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-14 12:39:17 +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
const CardDrawerContent = ({ navigation, setContact, openRegistry }) => {
return (
<SafeAreaView edges={['top', 'bottom']} style={styles.drawer}>
<SafeAreaView edges={['top']} style={styles.drawer}>
<Cards navigation={navigation} openContact={setContact} openRegistry={openRegistry} />
</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" />
<View style={styles.space} />
</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" }, ]} ]}/>
<Text style={styles.newtext}>New</Text>
</TouchableOpacity>
@ -53,8 +53,8 @@ export function Cards({ openRegistry }) {
<TextInput style={styles.inputfield} value={state.topic} onChangeText={actions.setTopic}
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
</View>
<TouchableOpacity>
<Ionicons name={'doubleright'} size={16} color={Colors.grey} />
<TouchableOpacity style={styles.add} onPress={openRegistry}>
<Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
</TouchableOpacity>
</View>
</SafeAreaView>
@ -64,14 +64,6 @@ export function Cards({ openRegistry }) {
renderItem={({ item }) => <CardItem item={item} />}
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>
);
}

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

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