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

style: increase message padding to make highlight more pleasant

Browse source
This commit is contained in:
Twig 2025-08-11 02:57:17 +02:00
parent f38f26a602
commit 26ef3671e9
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/Message.vue
View file

@ -188,15 +188,19 @@ function getDayDifference(date1: Date, date2: Date) {
<style scoped>
.message {
text-align: left;
/* border: 1px solid lightcoral; */
display: grid;
grid-template-columns: 4rem 1fr;
align-items: center;
width: 100%;
text-align: left;
/* -4 dvw due to 2dvw of padding on both sides */
width: calc(100% - 4dvw);
overflow-wrap: anywhere;
padding-top: .2rem;
padding-bottom: .2rem;
padding-left: 2dvw;
padding-right: 2dvw;
}
.message-reply-preview {