diff options
| author | Ivan Chen <ivan@thetaggid.com> | 2021-01-20 16:38:16 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-20 16:38:16 -0500 |
| commit | 30a7a34f8c5eb379de4e5ebe38cfeeb259f3f1e3 (patch) | |
| tree | 499337451a1d03944f1bb225b4de93295e1eef22 /src/components/profile/ProfilePreview.tsx | |
| parent | 929dac6e6768cd5c4c64e12543bd89ee3d46bcd1 (diff) | |
| parent | df3482ae3586868690c9edc963448e66878038bf (diff) | |
Merge pull request #189 from IvanIFChen/tma530-zoom-out-search-page
[TMA-530] Zoom Out Search Page
Diffstat (limited to 'src/components/profile/ProfilePreview.tsx')
| -rw-r--r-- | src/components/profile/ProfilePreview.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx index e6311daa..b2c0a24d 100644 --- a/src/components/profile/ProfilePreview.tsx +++ b/src/components/profile/ProfilePreview.tsx @@ -164,7 +164,8 @@ const ProfilePreview: React.FC<ProfilePreviewProps> = ({ nameStyle; switch (previewType) { - case 'Search' || 'Recent': + case 'Search': + case 'Recent': containerStyle = styles.searchResultContainer; avatarStyle = styles.searchResultAvatar; nameContainerStyle = styles.searchResultNameContainer; @@ -257,13 +258,12 @@ const styles = StyleSheet.create({ textAlign: 'center', width: '32%', marginVertical: 10, - borderWidth: 1, }, searchResultAvatar: { - height: 60, - width: 60, + height: 50, + width: 50, borderRadius: 30, - marginRight: 15, + marginRight: '10%', }, commentAvatar: { height: 40, @@ -280,6 +280,7 @@ const styles = StyleSheet.create({ searchResultNameContainer: { justifyContent: 'space-evenly', alignSelf: 'stretch', + flex: 1, }, commentNameContainer: { justifyContent: 'space-evenly', @@ -291,7 +292,7 @@ const styles = StyleSheet.create({ marginTop: 5, }, searchResultUsername: { - fontSize: 18, + fontSize: 16, fontWeight: '500', }, commentUsername: { @@ -305,7 +306,8 @@ const styles = StyleSheet.create({ textAlign: 'center', }, searchResultName: { - fontSize: 16, + fontSize: 14, + fontWeight: '400', color: '#333', }, commentName: { |