aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/components')
-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>
)
}