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

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

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

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

@ -35,15 +35,18 @@
/> />
</div> </div>
</div> </div>
<ChatMessageList <div class="chat-list-wrapper panel-body">
header-date <div class="top-spacer" />
:messages="messages" <ChatMessageList
:pending-messages="pendingMessages" header-date
:replied-id="replyStatus?.id" :messages="messages"
:focused-id="statusId" :pending-messages="pendingMessages"
@message-delete="deleteChatMessage" :replied-id="replyStatus?.id"
@reply-requested="e => explicitReplyStatus = e" :focused-id="statusId"
/> @message-delete="deleteChatMessage"
@reply-requested="e => explicitReplyStatus = e"
/>
</div>
<div <div
ref="footer" ref="footer"
class="panel-body footer" class="panel-body footer"