25 lines
275 B
CSS
25 lines
275 B
CSS
|
.chat-layout {
|
||
|
|
display: flex;
|
||
|
|
height: 100vh;
|
||
|
|
background-color: #111;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar {
|
||
|
|
width: 18rem;
|
||
|
|
border-right: 1px solid #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-content {
|
||
|
|
flex: 1;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.projector {
|
||
|
|
width: 40%;
|
||
|
|
border-right: 1px solid #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-area {
|
||
|
|
flex: 1;
|
||
|
|
}
|