diff options
| author |  Vitaly Takmazov | 2018-12-06 16:27:30 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
| commit | 895a8e394aec1734ef5686046cf5a7febd1c3632 (patch) | |
| tree | b5dfeb1fcd7f97a6f05a96dd17af545228f1eb7c | |
| parent | 17ab73123ce11132e2aee7ac78f4f1b5350e0a2d (diff) | |
layout fixes
| -rw-r--r-- | vnext/src/components/Message.css | 14 | ||||
| -rw-r--r-- | vnext/src/components/UserInfo.js | 15 |
2 files changed, 22 insertions, 7 deletions
diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css index df51fa80..328e5598 100644 --- a/vnext/src/components/Message.css +++ b/vnext/src/components/Message.css @@ -107,12 +107,24 @@ article .tags > a, color: #999; } .msg-txt { - clear: both; margin: 0 0 12px; padding-top: 10px; word-wrap: break-word; overflow-wrap: break-word; } +q:before, +q:after { + content: ""; +} +q, +blockquote { + border-left: 3px solid #CCC; + color: #666; + display: block; + margin: 10px 0 10px 10px; + padding-left: 10px; + word-break: break-word; +} .msg-media { text-align: center; } diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js index 5bbf24bd..bd9cbc5f 100644 --- a/vnext/src/components/UserInfo.js +++ b/vnext/src/components/UserInfo.js @@ -1,7 +1,9 @@ import React from 'react'; - +import PropTypes from 'prop-types'; import { Link } from 'react-router-dom'; +import { UserType } from './Types'; + import { info } from '../api'; import Avatar from './Avatar'; @@ -25,7 +27,7 @@ export default class UserInfo extends React.Component { render() { const { user } = this.state; return ( - <article style={{ padding: '14px' }}> + <div className="msg-cont"> <Avatar user={user}> <div className="msg-ts">Was online recently</div> </Avatar> @@ -50,9 +52,6 @@ export default class UserInfo extends React.Component { </Link> </li> </ul> - <hr /> - <SearchBox pathname={`/${user.uname}/`} onSearch={this.search} {...this.props} /> - <hr /> <div id="ustats"> <ul> { @@ -79,7 +78,11 @@ export default class UserInfo extends React.Component { </> } </div> - </article> + </div> ); } } + +UserInfo.propTypes = { + user: PropTypes.string.isRequired +}; |