diff options
| author |  Vitaly Takmazov | 2018-12-10 17:57:53 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
| commit | e04528b453d63321902c21008ac8ab40eb72960a (patch) | |
| tree | d9a88e73cc1f99e6cbd2d5ac27c0d3a4fbcd14cf | |
| parent | f9c2391f65d183d292c895bffdcf9c34ab447a23 (diff) | |
UserInfo styling
| -rw-r--r-- | vnext/src/components/UserInfo.css | 3 | ||||
| -rw-r--r-- | vnext/src/components/UserInfo.js | 12 |
2 files changed, 11 insertions, 4 deletions
diff --git a/vnext/src/components/UserInfo.css b/vnext/src/components/UserInfo.css new file mode 100644 index 00000000..27eba7e5 --- /dev/null +++ b/vnext/src/components/UserInfo.css @@ -0,0 +1,3 @@ +.userinfo { + padding: 40px; +}
\ No newline at end of file diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js index 7b4ae2ee..c4247f92 100644 --- a/vnext/src/components/UserInfo.js +++ b/vnext/src/components/UserInfo.js @@ -10,6 +10,8 @@ import Avatar from './Avatar'; import Icon from './Icon'; import SearchBox from './SearchBox'; +import './UserInfo.css'; + export default class UserInfo extends React.Component { constructor(props) { super(props); @@ -28,10 +30,12 @@ export default class UserInfo extends React.Component { const { user } = this.state; return ( <> - <Avatar user={user}> - <div className="msg-ts">Was online recently</div> - </Avatar> - <div> + <div className="userinfo"> + <Avatar user={user}> + <div className="msg-ts">Was online recently</div> + </Avatar> + </div> + <div className="l"> { user.uid > 0 && <> |