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

Improve chat look #65

Merged
sauceyred merged 18 commits from improve-chat-look into main 2025-08-14 15:29:16 +00:00
Conversation 5 Commits 18 Files changed 10 +9 -9
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 26ef3671e9 - Show all commits

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 {

8
components/MessageArea.vue
View file

@ -320,8 +320,6 @@ router.beforeEach((to, from, next) => {
#message-area {
display: flex;
flex-direction: column;
padding-left: 1dvw;
padding-right: 1dvw;
overflow: hidden;
flex-grow: 1;
}
@ -329,8 +327,8 @@ router.beforeEach((to, from, next) => {
#message-box {
margin-top: auto; /* force it to the bottom of the screen */
margin-bottom: 2dvh;
margin-left: 1dvw;
margin-right: 1dvw;
margin-left: 2dvw;
margin-right: 2dvw;
padding-left: 2%;
padding-right: 2%;
@ -382,8 +380,6 @@ router.beforeEach((to, from, next) => {
overflow-y: scroll;
display: flex;
flex-direction: column;
padding-left: 1dvw;
padding-right: 1dvw;
padding-bottom: 1em;
}