From fcde30149484cf6922d910e67d073d6a4886fcbd Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Sun, 20 Jan 2019 11:33:11 +0300 Subject: UserInfo styling --- vnext/src/components/UserInfo.css | 1 + vnext/src/components/UserInfo.js | 44 +++++++++++++-------------------------- vnext/src/style/main.css | 9 +++++++- 3 files changed, 24 insertions(+), 30 deletions(-) (limited to 'vnext') 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 && <> - -
- -
+ { + user.read && + I read: {user.read.length} + } + My readers: {user.readers ? user.readers.length : 0} + { + user.statsMyBL && + My blacklist: {user.statsMyBL} + } } 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; -- cgit v1.2.3