gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

style(ui): adjust margin of message replies in chat
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-07-12 17:55:16 +02:00
parent f226ba2364
commit ba8abee256
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/MessageReply.vue
View file

@ -1,7 +1,7 @@
<template>
<div :id="props.maxWidth == 'full' ? 'message-reply' : undefined" :class="{ 'message-reply-preview' : props.maxWidth == 'reply' }"
:data-message-id="props.id" @click="scrollToReply">
<p id="reply-text">Replying to <span id="reply-author-field">{{ props.author }}:</span> <span v-html="sanitized"></span></p>
<span id="reply-text">Replying to <span id="reply-author-field">{{ props.author }}:</span> <span v-html="sanitized"></span></span>
<!-- <span id="message-reply-cancel"><Icon name="lucide:x" /></span> -->
</div>
</template>
@ -61,7 +61,6 @@ function scrollToReply(e: MouseEvent) {
#message-reply, .message-reply-preview {
display: flex;
text-align: left;
border-bottom: 1px solid var(--padding-color);
margin-bottom: .5rem;
cursor: pointer;
overflow: hidden;
@ -72,7 +71,6 @@ function scrollToReply(e: MouseEvent) {
}
.message-reply-preview {
width: 30%;
margin-left: .5dvw;
}
@ -82,6 +80,8 @@ function scrollToReply(e: MouseEvent) {
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0;
margin-top: .2rem;
border-bottom: 1px solid var(--padding-color);
}