Fix size constraints
This commit is contained in:
parent
b84fb89763
commit
38532171fd
1 changed files with 4 additions and 1 deletions
|
@ -33,7 +33,7 @@ main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
height: calc(100vh - 40px);
|
height: calc(100vh - 60px);
|
||||||
width: calc(100vw - 40px);
|
width: calc(100vw - 40px);
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -52,6 +52,8 @@ main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-grow: 80;
|
flex-grow: 80;
|
||||||
|
max-width: 80vw;
|
||||||
|
|
||||||
#messages-container {
|
#messages-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -99,6 +101,7 @@ main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-grow: 20;
|
flex-grow: 20;
|
||||||
|
max-width: 20vw;
|
||||||
|
|
||||||
ol {
|
ol {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
|
Reference in a new issue