ServerDrawer: wrap server-name labels instead of overflowing into neighbors

This commit is contained in:
Ally Founder 2026-08-11 14:47:24 -04:00
parent 9d118daf38
commit 4892e2d671

View file

@ -126,7 +126,7 @@ export default function GuildItem({ node, onPick, showNames }: { node: GuildNode
<Badge guildId={guildId} /> <Badge guildId={guildId} />
</View> </View>
{showNames && ( {showNames && (
<Text numberOfLines={1} ellipsizeMode="tail" style={st.label}> <Text numberOfLines={2} ellipsizeMode="tail" style={st.label}>
{name} {name}
</Text> </Text>
)} )}
@ -150,9 +150,9 @@ const st = StyleSheet.create({
icon: { width: ICON, height: ICON, borderRadius: 16, overflow: "hidden" }, icon: { width: ICON, height: ICON, borderRadius: 16, overflow: "hidden" },
label: { label: {
marginTop: 4, marginTop: 4,
width: ICON + 16, width: ICON,
fontSize: 11, fontSize: 10,
lineHeight: 13, lineHeight: 12,
fontWeight: "600", fontWeight: "600",
textAlign: "center", textAlign: "center",
color: colors?.HEADER_PRIMARY ?? colors?.TEXT_NORMAL ?? "#fff", color: colors?.HEADER_PRIMARY ?? colors?.TEXT_NORMAL ?? "#fff",