| }, | }, | ||||
| 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', |