client/src/components/Chat/index.module.css
.container {
height: 100%;
width: 26.5%;
margin: 0 2.5rem 0 0;
border: 1px solid #e6e6e6;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding: 0;
overflow: scroll;
}
.messageContainer {
flex-grow: 1;
width: 100%;
padding: 1rem 2rem;
overflow: scroll;
}
.container .divider {
margin: 0 1rem;
}
.inputContainer {
width: 100%;
padding: 0 1rem;
}
.input {
width: 100%;
border: none;
outline: none;
resize: none;
padding: 1rem;
color: #6b6b76;
font-size: 11px;
font-family: 'Libre Franklin', sans-serif;
}
.input:focus {
outline: none;
}