}, | }, | ||||
view() { | view() { | ||||
const dims = [StreamContainer.getRows(), StreamContainer.getColumns()] | const dims = [StreamContainer.getRows(), StreamContainer.getColumns()] | ||||
if(document.body.clientHeight > document.body.clientWidth) dims.reverse() | |||||
if(innerHeight > innerWidth) dims.reverse() | |||||
const style = { | const style = { | ||||
overflow: 'hidden', | overflow: 'hidden', | ||||
display: 'grid', | display: 'grid', |
value: localStorage.username, | value: localStorage.username, | ||||
} | } | ||||
const mainStyle = { | const mainStyle = { | ||||
position: 'fixed', | |||||
width: '100%', | |||||
display: 'grid', | display: 'grid', | ||||
gridTemplateRows: 'auto 1fr', | gridTemplateRows: 'auto 1fr', | ||||
height: window.innerHeight + 'px', | height: window.innerHeight + 'px', |