aboutsummaryrefslogtreecommitdiff
path: root/vnext
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2019-03-01 23:03:54 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:54 +0300
commit4839f107a911135e286db08b9025a57865434561 (patch)
tree7fbb31634679147016e2d77d752692a52ad16f60 /vnext
parent046a09758c5bc5ef4ccfb4bac754e519866665eb (diff)
Avatars in Recommendations component
Diffstat (limited to 'vnext')
-rw-r--r--vnext/src/components/Avatar.css7
-rw-r--r--vnext/src/components/UserInfo.js4
2 files changed, 9 insertions, 2 deletions
diff --git a/vnext/src/components/Avatar.css b/vnext/src/components/Avatar.css
index 133e6061..7bdb3115 100644
--- a/vnext/src/components/Avatar.css
+++ b/vnext/src/components/Avatar.css
@@ -13,6 +13,13 @@
max-width: 48px;
}
+.info-avatar img {
+ max-height: 24px;
+ max-width: 24px;
+ padding: 6px;
+ vertical-align: middle;
+}
+
@media screen and (min-width: 450px) {
.Avatar {
width: 300px;
diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index 0a601834..45adcc4e 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -83,8 +83,8 @@ export function UserLink(props) {
}, [props.user]);
return (
user.uid ?
- <Link key={user.uid} to={`/${user.uname}/`}>{user.uname}</Link>
- : <a href={user.uri}>{user.uname}</a>
+ <Link key={user.uid} to={`/${user.uname}/`} className="info-avatar"><img src={user.avatar}/>{user.uname}</Link>
+ : <a href={user.uri}><img src={user.avatar}/>{user.uname}</a>
)
}