| }, | }, | ||||
| } | } | ||||
| const StreamContainer = { | const StreamContainer = { | ||||
| // screen.width, screen.height | |||||
| getColumns() { | getColumns() { | ||||
| const n = State.online.length | const n = State.online.length | ||||
| if(n > 4) return '1fr 1fr 1fr' | |||||
| if(n > 1) return '1fr 1fr' | |||||
| if(n > 2 * 2) return '1fr 1fr 1fr' | |||||
| if(n > 1 * 1) return '1fr 1fr' | |||||
| return '1fr' | return '1fr' | ||||
| }, | }, | ||||
| getRows() { | getRows() { | ||||
| const n = State.online.length | const n = State.online.length | ||||
| if(n > 6) return '1fr 1fr 1fr' | |||||
| if(n > 2) return '1fr 1fr' | |||||
| if(n > 2 * 3) return '1fr 1fr 1fr' | |||||
| if(n > 1 * 2) return '1fr 1fr' | |||||
| return '1fr' | return '1fr' | ||||
| }, | }, | ||||
| view() { | view() { |