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

feat: improve styling of message box area

Browse source
This commit is contained in:
SauceyRed 2025-05-29 04:52:02 +02:00
parent 94fa7dc1c0
commit fb85a2a33f
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
1 changed files with 18 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/MessageArea.vue
View file

@ -98,19 +98,21 @@ onMounted(async () => {
<style scoped>
#message-area {
padding-top: 3dvh;
}
#message-area {
display: flex;
flex-direction: column;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 8fr 1fr;
justify-content: space-between;
padding-top: 3dvh;
padding-left: 1dvw;
padding-right: 1dvw;
overflow: hidden;
}
#message-box {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
border: 1px solid rgb(70, 70, 70);
padding-bottom: 1dvh;
padding-top: 1dvh;
@ -118,8 +120,16 @@ onMounted(async () => {
margin-top: 1dvh;
}
#message-input {
width: 100%;
#message-form {
display: flex;
justify-content: center;
height: 60%;
}
#message-box-input {
width: 80%;
background-color: rgb(50, 50, 50);
border: none;
}
#messages {