chat: bumping chat input size

This commit is contained in:
Matilde Park 2020-10-05 17:28:29 -04:00
parent 1b73029bc9
commit 00703e74a1
3 changed files with 8 additions and 7 deletions

View File

@ -49,7 +49,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
this.submit = this.submit.bind(this);
this.toggleCode = this.toggleCode.bind(this);
}
toggleCode() {
@ -81,7 +81,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
}
}
submit(text) {
const { props, state } = this;
@ -133,7 +133,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
{ url }
);
}
}
uploadError(error) {
@ -205,7 +205,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
onPaste={this.onPaste.bind(this)}
placeholder='Message...'
/>
<div className="ml2 mr2"
<div className="ml2 mr2 flex-shrink-0"
style={{
height: '16px',
width: '16px',
@ -227,7 +227,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
/>
</S3Upload>
</div>
<div className="mr2" style={{
<div className="mr2 flex-shrink-0" style={{
height: '16px',
width: '16px',
flexBasis: 16,

View File

@ -136,7 +136,7 @@ export default class ChatEditor extends Component {
'chat fr h-100 flex bg-gray0-d lh-copy w-100 items-center ' +
(inCodeMode ? ' code' : '')
}
style={{ flexGrow: 1, paddingBottom: '3px', maxHeight: '224px', width: 'calc(100% - 72px)' }}>
style={{ flexGrow: 1, paddingBottom: '3px', maxHeight: '224px', width: 'calc(100% - 88px)' }}>
<CodeEditor
value={message}
options={options}

View File

@ -380,7 +380,8 @@ pre.CodeMirror-placeholder.CodeMirror-line-like { color: var(--gray); }
.chat .cm-s-tlon.CodeMirror {
background: #333;
color: #fff;
font-size: 12px;
font-size: 16px;
margin-top: 6px;
}
.chat .cm-s-tlon span.cm-def {