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 {
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 {
height: auto;

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

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