hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

pad chat messages from above and force full-height

Browse source
This commit is contained in:
Henry Jameson 2026-07-24 17:11:36 +03:00
commit a07038e4bd
2 changed files with 25 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/chat_view/chat_view.scss
View file

@ -1,6 +1,18 @@
.chat-view { .chat-view {
display: flex; display: flex;
margin-bottom: -1em;
margin-top: -1em;
.chat-list-wrapper {
display: flex;
flex-direction: column;
height: 100%; height: 100%;
}
.top-spacer {
flex: 1 1 0;
min-height: 0;
}
.chat-view-inner { .chat-view-inner {
height: auto; height: auto;

3
src/components/chat_view/chat_view.vue
View file

@ -35,6 +35,8 @@
/> />
</div> </div>
</div> </div>
<div class="chat-list-wrapper panel-body">
<div class="top-spacer" />
<ChatMessageList <ChatMessageList
header-date header-date
:messages="messages" :messages="messages"
@ -44,6 +46,7 @@
@message-delete="deleteChatMessage" @message-delete="deleteChatMessage"
@reply-requested="e => explicitReplyStatus = e" @reply-requested="e => explicitReplyStatus = e"
/> />
</div>
<div <div
ref="footer" ref="footer"
class="panel-body footer" class="panel-body footer"