45 lines
579 B
CSS
45 lines
579 B
CSS
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#app {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
#websocket-status-container {
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
|
|
#rtt-container {
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
|
|
#chat-container {
|
|
width: 500px;
|
|
height: 300px;
|
|
margin: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#messages-container {
|
|
width: 80%;
|
|
height: 600px;
|
|
margin: auto;
|
|
border: 2px solid black;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
#chat-container input, button {
|
|
width: 79%;
|
|
margin: auto;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|