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 &&
<>
-
- -
-
- PM
+
+ PM
-
- -
-
- Recommendations
+
+ Recommendations
-
- -
-
- Photos
+
+ Photos
-
-
-
-
- {
- user.read &&
- - I read: {user.read.length}
- }
- - My readers: {user.readers ? user.readers.length : 0}
- {
- user.statsMyBL &&
- - My blacklist: {user.statsMyBL}
- }
- - Messages: {user.statsMessages}
- - Comments: {user.statsReplies}
-
-
+ {
+ 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