diff options
author | 2019-03-01 23:03:54 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | 4839f107a911135e286db08b9025a57865434561 (patch) | |
tree | 7fbb31634679147016e2d77d752692a52ad16f60 | |
parent | 046a09758c5bc5ef4ccfb4bac754e519866665eb (diff) |
Avatars in Recommendations component
-rw-r--r-- | vnext/src/components/Avatar.css | 7 | ||||
-rw-r--r-- | vnext/src/components/UserInfo.js | 4 |
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> ) } |