cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-12 18:29:57 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix: Padding on message box.

Browse source 
Allow 20 max rows on message area.
This commit is contained in:
Paul 2021-07-05 21:07:04 +01:00
parent c246c2b77a
commit b8a4ada30c
1 changed files with 61 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/common/messaging/MessageBox.tsx
View file

@ -61,13 +61,18 @@ export type UploadState =
const Base = styled.div`
display: flex;
/*padding: 0 12px;*/
align-items: flex-start;
background: var(--message-box);
textarea {
font-size: 0.875rem;
background: transparent;
}
.textarea {
flex-grow: 1;
padding: 12px 0;
}
`;
const Blocked = styled.div`
@ -419,11 +424,12 @@ function MessageBox({ channel, draft }: Props) {
/>
</Action>
) : undefined}
<div class="textarea">
<TextAreaAutoSize
autoFocus
hideBorder
maxRows={5}
padding={14}
maxRows={20}
padding={0}
id="message"
value={draft ?? ""}
onKeyUp={onKeyUp}
@ -475,6 +481,7 @@ function MessageBox({ channel, draft }: Props) {
onFocus={onFocus}
onBlur={onBlur}
/>
</div>
{isTouchscreenDevice && (
<Action>
<IconButton onClick={send}>