diff options
author | 2018-11-22 13:02:55 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:53 +0300 | |
commit | e6f0888dc7cbecd0fd186b3c3bd70e557a92413c (patch) | |
tree | f1d51e578de2e55d56cac5554e2d8e711d0e16bf /vnext/src/components/Chat.js | |
parent | a799b4ffe210a77a64117e1437c026bd771e3ac7 (diff) |
Component styling in CSS
Diffstat (limited to 'vnext/src/components/Chat.js')
-rw-r--r-- | vnext/src/components/Chat.js | 14 |
1 files changed, 3 insertions, 11 deletions
diff --git a/vnext/src/components/Chat.js b/vnext/src/components/Chat.js index be671fb9..0da8dcde 100644 --- a/vnext/src/components/Chat.js +++ b/vnext/src/components/Chat.js @@ -8,6 +8,8 @@ import MessageInput from './MessageInput'; import { getChat, pm } from '../api'; +import './Chat.css'; + export default class Chat extends React.Component { constructor(props) { super(props); @@ -59,7 +61,7 @@ export default class Chat extends React.Component { {uname ? ( <div className="chatroom"> - <ul style={chatStyle}> + <ul className="Chat_messages"> { chats.map((chat) => <PM key={moment.utc(chat.timestamp).valueOf()} chat={chat} {...this.props} /> @@ -84,13 +86,3 @@ Chat.propTypes = { visitor: UserType.isRequired, match: ReactRouterPropTypes.match.isRequired }; - -const chatStyle = { - boxSizing: 'border-box', - padding: '0 20px', - overflowY: 'auto', - height: '450px', - display: 'flex', - flexDirection: 'column-reverse', - width: '100%' -}; |