yvachot/chatless
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Change size chat

Browse source
This commit is contained in:
NyxiumYuuki 2021-06-01 15:57:32 +02:00
parent 67368efd2d
commit f36a48748b
1 changed files with 8 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/styles.scss
View file

@ -3,7 +3,9 @@ body {
} }
.container-fluid { .container-fluid {
padding: 50px 200px; padding-left: 5vh;
padding-right: 5vh;
padding-top: 1vh;
overflow: hidden; overflow: hidden;
} }
@ -50,7 +52,7 @@ body {
.chat-header { .chat-header {
height: 70px; height: 70px;
background-color: #E5E5E5; background-color: steelblue;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
@ -71,26 +73,8 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
height: calc(89vh - 125px); height: 76vh;
overflow-y: auto; overflow-y: auto;
.message-container {
background-color: white;
padding: 7px;
border-radius: 5px;
width: fit-content;
max-width: 90%;
margin-bottom: 15px;
}
.same-user {
display: flex;
justify-content: flex-end;
.message-container {
background-color: lightskyblue;
}
}
} }
.chat-footer { .chat-footer {
@ -100,13 +84,10 @@ body {
right: 0; right: 0;
background-color: #EDEDED; background-color: #EDEDED;
padding: 10px 20px; padding: 10px 20px;
width: auto;
.form-control { #button {
background-color: white; size: auto;
border: 1px solid #D8DDEC;
box-sizing: border-box;
font-size: 1rem;
color: black;
} }
} }
} }