Make the search history profiles a little smaller
This commit is contained in:
@@ -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',
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user