|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
} |
|
|
} |
|
|
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() { |