Adjust chat layout so messages directly above input

This commit is contained in:
Max Leiter 2021-06-21 21:55:54 -07:00
parent e5a6554c9a
commit 867fff33c0
No known key found for this signature in database
GPG key ID: A3512F2F2F17EBDA
2 changed files with 2 additions and 1 deletions

View file

@ -95,13 +95,13 @@
> >
<div class="scroll-down-arrow" /> <div class="scroll-down-arrow" />
</div> </div>
<ChatUserList v-if="channel.type === 'channel'" :channel="channel" />
<MessageList <MessageList
ref="messageList" ref="messageList"
:network="network" :network="network"
:channel="channel" :channel="channel"
:focused="focused" :focused="focused"
/> />
<ChatUserList v-if="channel.type === 'channel'" :channel="channel" />
</div> </div>
</div> </div>
</div> </div>

View file

@ -1147,6 +1147,7 @@ textarea.input {
#chat .chat-content { #chat .chat-content {
display: flex; display: flex;
flex-direction: row-reverse;
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
position: relative; position: relative;