blob: 72c22a5aff6d81a0638b8e7ec42d0c6fee90b215 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
.side-ui
flex: 0
.side-tray
height: 100%
overflow-y: auto
padding: 2em
background-color: var(--bg)
>.animate-in
animation-name: side-slide-in
animation-duration: 0.3s
>.animate-out
animation-name: side-slide-out
animation-duration: 0.3s
transform: translateX(100%)
@keyframes side-slide-in
from
transform: translateX(100%)
to
transform: translateX(0%)
@keyframes side-slide-out
from
transform: translateX(0%)
to
transform: translateX(100%)
.main
flex: 1
display: flex
flex-flow: row
@media (max-width: 900px)
flex-flow: column
.control-bar
flex: 0
.preferences
width: min(50em, 100vw)
.chat
width: min(30em, 100vw)
.room-watches
width: min(30em, 100vw)
|
