adjusting contact option button sizes

This commit is contained in:
balzack 2023-04-13 22:59:05 -07:00
parent a367cf6372
commit 8a53201076
4 changed files with 24 additions and 11 deletions

View File

@ -571,7 +571,7 @@
buildSettings = {
ALWAYS_SEARCH_USER_PATHS = NO;
CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
CLANG_CXX_LANGUAGE_STANDARD = "c++17";
CLANG_CXX_LANGUAGE_STANDARD = "c++14";
CLANG_CXX_LIBRARY = "libc++";
CLANG_ENABLE_MODULES = YES;
CLANG_ENABLE_OBJC_ARC = YES;
@ -643,7 +643,7 @@
buildSettings = {
ALWAYS_SEARCH_USER_PATHS = NO;
CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
CLANG_CXX_LANGUAGE_STANDARD = "c++17";
CLANG_CXX_LANGUAGE_STANDARD = "c++14";
CLANG_CXX_LIBRARY = "libc++";
CLANG_ENABLE_MODULES = YES;
CLANG_ENABLE_OBJC_ARC = YES;

View File

@ -94,6 +94,7 @@ export function useAppContext() {
{ event: 'content.addChannel.sealed', messageTitle: 'New Topic' },
{ event: 'content.addChannelTopic.superbasic', messageTitle: 'New Topic Message' },
{ event: 'content.addChannelTopic.sealed', messageTitle: 'New Topic Message' },
{ event: 'ring', messageTitle: 'Incoming Call' },
];
const actions = {

View File

@ -15,12 +15,14 @@ export function CardItem({ item, openContact, enableIce, call, message }) {
return (
<View>
{ item.cardId && (
<TouchableOpacity style={styles.container} activeOpacity={1} onPress={select}>
<Logo src={item.logo} width={32} height={32} radius={6} />
<View style={styles.detail}>
<Text style={styles.name} numberOfLines={1} ellipsizeMode={'tail'}>{ item.name }</Text>
<Text style={styles.handle} numberOfLines={1} ellipsizeMode={'tail'}>{ item.handle }</Text>
</View>
<View style={styles.container}>
<TouchableOpacity style={styles.profile} activeOpacity={1} onPress={select}>
<Logo src={item.logo} width={32} height={32} radius={6} />
<View style={styles.detail}>
<Text style={styles.name} numberOfLines={1} ellipsizeMode={'tail'}>{ item.name }</Text>
<Text style={styles.handle} numberOfLines={1} ellipsizeMode={'tail'}>{ item.handle }</Text>
</View>
</TouchableOpacity>
{ item.status === 'connected' && (
<View style={styles.options}>
<TouchableOpacity style={styles.option} onPress={message}>
@ -51,7 +53,7 @@ export function CardItem({ item, openContact, enableIce, call, message }) {
{ item.status === 'confirmed' && (
<View style={styles.confirmed} />
)}
</TouchableOpacity>
</View>
)}
{ !item.cardId && (
<View style={styles.space} />

View File

@ -11,12 +11,15 @@ export const styles = StyleSheet.create({
borderBottomWidth: 1,
borderColor: Colors.itemDivider,
},
profile: {
flexDirection: 'row',
flexGrow: 1,
},
detail: {
paddingLeft: 12,
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
flexGrow: 1,
flexShrink: 1,
},
space: {
@ -69,9 +72,16 @@ export const styles = StyleSheet.create({
options: {
display: 'flex',
flexDirection: 'row',
height: '100%',
marginRight: 8,
},
option: {
marginRight: 24,
paddingLeft: 12,
paddingRight: 12,
height: '100%',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
},
})