aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--vnext/src/components/UserInfo.css1
-rw-r--r--vnext/src/components/UserInfo.js44
-rw-r--r--vnext/src/style/main.css9
3 files changed, 24 insertions, 30 deletions
diff --git a/vnext/src/components/UserInfo.css b/vnext/src/components/UserInfo.css
index e4f58693..e57b4585 100644
--- a/vnext/src/components/UserInfo.css
+++ b/vnext/src/components/UserInfo.css
@@ -1,3 +1,4 @@
.userinfo {
padding: 40px;
+ background-color: #fdfdfe;
}
diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index c962add9..3c4ffab3 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -40,38 +40,24 @@ export default class UserInfo extends React.Component {
{
user.uid > 0 &&
<>
- <ul>
- <li>
- <Link to="/pm">
- <Icon name="ei-envelope" size="s" />PM
+ <Link to="/pm">
+ <Icon name="ei-envelope" size="s" />PM
</Link>
- </li>
- <li>
- <Link to={`/${user.uname}/?show=recomm`} rel="nofollow">
- <Icon name="ei-heart" size="s" />Recommendations
+ <Link to={`/${user.uname}/?show=recomm`} rel="nofollow">
+ <Icon name="ei-heart" size="s" />Recommendations
</Link>
- </li>
- <li>
- <Link to={`/${user.uname}/?media=1`} rel="nofollow">
- <Icon name="ei-camera" size="s" />Photos
+ <Link to={`/${user.uname}/?media=1`} rel="nofollow">
+ <Icon name="ei-camera" size="s" />Photos
</Link>
- </li>
- </ul>
- <div id="ustats">
- <ul>
- {
- user.read &&
- <li><Link to={`/${user.uname}/friends`}>I read: {user.read.length}</Link></li>
- }
- <li><Link to={`/${user.uname}/readers`}>My readers: {user.readers ? user.readers.length : 0}</Link></li>
- {
- user.statsMyBL &&
- <li><Link to={`/${user.uname}/bl`}>My blacklist: {user.statsMyBL}</Link></li>
- }
- <li>Messages: {user.statsMessages}</li>
- <li>Comments: {user.statsReplies}</li>
- </ul>
- </div>
+ {
+ user.read &&
+ <Link to={`/${user.uname}/friends`}>I read: {user.read.length}</Link>
+ }
+ <Link to={`/${user.uname}/readers`}>My readers: {user.readers ? user.readers.length : 0}</Link>
+ {
+ user.statsMyBL &&
+ <Link to={`/${user.uname}/bl`}>My blacklist: {user.statsMyBL}</Link>
+ }
</>
}
</div>
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 0216192f..187173b0 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -183,6 +183,12 @@ hr {
display: flex;
}
+.l {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+
#global a,
#ctitle a {
display: flex;
@@ -195,7 +201,8 @@ hr {
padding: 14px 16px;
}
-#sidebar > a {
+#sidebar > a,
+.l > a {
color: #88958d;
border-right: 2px solid transparent;
display: flex;