diff options
author | 2019-01-20 11:33:11 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | fcde30149484cf6922d910e67d073d6a4886fcbd (patch) | |
tree | 185d15ffc2dffe97df74d908884d6d606961ed7b | |
parent | ca916786dc07223e7e33ddebded8742e36eaa6f2 (diff) |
UserInfo styling
-rw-r--r-- | vnext/src/components/UserInfo.css | 1 | ||||
-rw-r--r-- | vnext/src/components/UserInfo.js | 44 | ||||
-rw-r--r-- | vnext/src/style/main.css | 9 |
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; |