mirror of
https://github.com/vector-im/hydrogen-web.git
synced 2024-12-25 12:35:01 +01:00
57 lines
864 B
CSS
57 lines
864 B
CSS
|
html {
|
||
|
height: 100%;
|
||
|
}
|
||
|
body {
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.SessionView {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
height: 100vh;
|
||
|
}
|
||
|
|
||
|
.SessionView > .main {
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
min-height: 0;
|
||
|
min-width: 0;
|
||
|
width: 100vw;
|
||
|
}
|
||
|
|
||
|
/* mobile layout */
|
||
|
@media screen and (max-width: 800px) {
|
||
|
.back { display: block !important; }
|
||
|
.RoomView, .RoomPlaceholderView { display: none; }
|
||
|
.room-shown .RoomView { display: unset; }
|
||
|
.room-shown .LeftPanel { display: none; }
|
||
|
.right-shown .TimelinePanel { display: none; }
|
||
|
}
|
||
|
|
||
|
.LeftPanel {
|
||
|
flex: 0 0 300px;
|
||
|
min-width: 0;
|
||
|
}
|
||
|
|
||
|
.RoomPlaceholderView, .RoomView {
|
||
|
flex: 1 0 0;
|
||
|
min-width: 0;
|
||
|
}
|
||
|
|
||
|
.RoomView {
|
||
|
min-width: 0;
|
||
|
display: flex;
|
||
|
}
|
||
|
|
||
|
|
||
|
.TimelinePanel {
|
||
|
flex: 3;
|
||
|
min-height: 0;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
|
||
|
.RoomHeader {
|
||
|
display: flex;
|
||
|
}
|