flex and truncate content hider text (#2569)
parent
e175984506
commit
5522b581ec
|
@ -94,7 +94,7 @@ export function ContentHider({
|
||||||
<ShieldExclamation size={18} style={pal.textLight} />
|
<ShieldExclamation size={18} style={pal.textLight} />
|
||||||
)}
|
)}
|
||||||
</Pressable>
|
</Pressable>
|
||||||
<Text type="md" style={pal.text}>
|
<Text type="md" style={[pal.text, {flex: 1}]} numberOfLines={2}>
|
||||||
{desc.name}
|
{desc.name}
|
||||||
</Text>
|
</Text>
|
||||||
<View style={styles.showBtn}>
|
<View style={styles.showBtn}>
|
||||||
|
@ -131,7 +131,7 @@ const styles = StyleSheet.create({
|
||||||
cover: {
|
cover: {
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
gap: 4,
|
gap: 6,
|
||||||
borderRadius: 8,
|
borderRadius: 8,
|
||||||
marginTop: 4,
|
marginTop: 4,
|
||||||
paddingVertical: 14,
|
paddingVertical: 14,
|
||||||
|
|
Loading…
Reference in New Issue