Make the search history profiles a little smaller

This commit is contained in:
Paul Frazee
2024-05-31 09:32:52 -07:00
parent d0e09091fc
commit deb0ed528e
+9 -18
View File
@@ -1019,9 +1019,6 @@ function SearchHistory({
<Text style={[pal.text, styles.profileName]}> <Text style={[pal.text, styles.profileName]}>
{truncateText(profile.displayName || '', 12)} {truncateText(profile.displayName || '', 12)}
</Text> </Text>
<Text style={[pal.textLight, styles.profileHandle]}>
@{truncateText(profile.handle, 12)}
</Text>
</Pressable> </Pressable>
<Pressable <Pressable
accessibilityRole="button" accessibilityRole="button"
@@ -1032,7 +1029,7 @@ function SearchHistory({
style={styles.profileRemoveBtn}> style={styles.profileRemoveBtn}>
<FontAwesomeIcon <FontAwesomeIcon
icon="xmark" icon="xmark"
size={16} size={14}
style={pal.textLight as FontAwesomeIconStyle} style={pal.textLight as FontAwesomeIconStyle}
/> />
</Pressable> </Pressable>
@@ -1143,10 +1140,10 @@ const styles = StyleSheet.create({
selectedProfilesContainer: { selectedProfilesContainer: {
marginTop: 10, marginTop: 10,
paddingHorizontal: 12, paddingHorizontal: 12,
height: 120, height: 80,
}, },
selectedProfilesContainerMobile: { selectedProfilesContainerMobile: {
height: 125, height: 100,
}, },
profilesRow: { profilesRow: {
flexDirection: 'row', flexDirection: 'row',
@@ -1155,18 +1152,17 @@ const styles = StyleSheet.create({
profileItem: { profileItem: {
alignItems: 'center', alignItems: 'center',
marginRight: 15, marginRight: 15,
width: 98, width: 78,
}, },
profileItemMobile: { profileItemMobile: {
marginRight: 10, width: 70,
width: 90,
}, },
profilePressable: { profilePressable: {
alignItems: 'center', alignItems: 'center',
}, },
profileAvatar: { profileAvatar: {
width: 80, width: 60,
height: 80, height: 60,
borderRadius: 45, borderRadius: 45,
}, },
profileName: { profileName: {
@@ -1174,19 +1170,14 @@ const styles = StyleSheet.create({
textAlign: 'center', textAlign: 'center',
marginTop: 5, marginTop: 5,
}, },
profileHandle: {
fontSize: 10,
textAlign: 'center',
color: 'gray',
},
profileRemoveBtn: { profileRemoveBtn: {
position: 'absolute', position: 'absolute',
top: 0, top: 0,
right: 5, right: 5,
backgroundColor: 'white', backgroundColor: 'white',
borderRadius: 10, borderRadius: 10,
width: 20, width: 18,
height: 20, height: 18,
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
}, },