style(ui): decrease bottom padding for messages div

style(ui): add padding to all messages and remove margin from grouped messages
2025-08-11 01:13:04 +02:00 · 2025-08-11 01:12:34 +02:00
2 changed files with 3 additions and 5 deletions
--- a/components/Message.vue
+++ b/components/Message.vue
@ -195,6 +195,8 @@ function getDayDifference(date1: Date, date2: Date) {
 	align-items: center;
 	width: 100%;
 	overflow-wrap: anywhere;
+	padding-top: .2rem;
+	padding-bottom: .2rem;
 }

 .message-reply-preview {
@ -210,10 +212,6 @@ function getDayDifference(date1: Date, date2: Date) {
 	margin-top: 1dvh;
 }

-.grouped-message {
-	margin-top: .3em;
-}
-
 .message-metadata {
 	display: flex;
 	gap: .5dvw;
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@ -384,7 +384,7 @@ router.beforeEach((to, from, next) => {
 	flex-direction: column;
 	padding-left: 1dvw;
 	padding-right: 1dvw;
-	padding-bottom: 2em;
+	padding-bottom: 1em;
 }

 .message-box-button {
Author	SHA1	Message	Date
SauceyRed	f38f26a602	style(ui): decrease bottom padding for messages div All checks were successful ci/woodpecker/push/build-and-publish Pipeline was successful Details ci/woodpecker/pr/build-and-publish Pipeline was successful Details	2025-08-11 01:13:04 +02:00
SauceyRed	a5f0576a12	style(ui): add padding to all messages and remove margin from grouped messages	2025-08-11 01:12:34 +02:00