Merge pull request #28 from v0l/fill

fix: use all available width for note creator text area
This commit is contained in:
Kieran 2023-01-10 16:40:19 +00:00 committed by GitHub
commit 24ac41918c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions

View File

@ -12,7 +12,12 @@
max-height: 300px;
border-radius: 10px 10px 0 0;
max-width: -webkit-fill-available;
max-width: -moz-available;
max-width: fill-available;
min-width: 100%;
min-width: -webkit-fill-available;
min-width: -moz-available;
min-width: fill-available;
}
.note-creator .actions {

View File

@ -50,7 +50,7 @@ export function NoteCreator(props) {
{replyTo ? <small>{`Reply to: ${replyTo.Id.substring(0, 8)}`}</small> : null}
<div className="flex note-creator" onClick={() => setActive(true)}>
<div className="textarea flex f-col mr10 f-grow">
<textarea className="textarea" placeholder="Say something!" value={note} onChange={(e) => setNote(e.target.value)} />
<textarea className="textarea w-max" placeholder="Say something!" value={note} onChange={(e) => setNote(e.target.value)} />
{active ? <div className="actions flex f-row">
<div className="attachment flex f-row">
{error.length > 0 ? <b className="error">{error}</b> : null}