3 gewijzigde bestanden met toevoegingen van 27 en 16 verwijderingen
+ 1
- 0
apps/streams.js
Bestand weergeven
| if(innerHeight > innerWidth) dims.reverse() | if(innerHeight > innerWidth) dims.reverse() | ||||
| const style = { | const style = { | ||||
| backgroundColor: 'black', | backgroundColor: 'black', | ||||
| height: '100%', | |||||
| overflow: 'hidden', | overflow: 'hidden', | ||||
| display: 'grid', | display: 'grid', | ||||
| gridTemplateRows: dims[0], | gridTemplateRows: dims[0], |
+ 13
- 3
pico.html
Bestand weergeven
| <!-- <script src="/apps/volume.js"></script> --> | <!-- <script src="/apps/volume.js"></script> --> | ||||
| <!-- <script src="/apps/screen.js"></script> --> | <!-- <script src="/apps/screen.js"></script> --> | ||||
| </head> | </head> | ||||
| <body style="margin: 0; padding: 0;"> | |||||
| <div>PicoChat requires JS</div> | |||||
| </body> | |||||
| <style> | |||||
| body { | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| position: fixed; | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| display: grid; | |||||
| grid-template-rows: auto 1fr; | |||||
| overflow: hidden; | |||||
| } | |||||
| </style> | |||||
| <body>PicoChat requires JS</body> | |||||
| </html> | </html> |
+ 13
- 13
pico.js
Bestand weergeven
| autocomplete: 'off', | autocomplete: 'off', | ||||
| value: localStorage.username, | value: localStorage.username, | ||||
| } | } | ||||
| const mainStyle = { | |||||
| position: 'fixed', | |||||
| width: '100%', | |||||
| display: 'grid', | |||||
| gridTemplateRows: 'auto 1fr', | |||||
| height: window.innerHeight + 'px', | |||||
| overflow: 'hidden', | |||||
| } | |||||
| const headerStyle = { | const headerStyle = { | ||||
| display: 'grid', | display: 'grid', | ||||
| gridAutoFlow: 'column', | gridAutoFlow: 'column', | ||||
| justifyItems: 'start', | justifyItems: 'start', | ||||
| marginRight: 'auto', | marginRight: 'auto', | ||||
| } | } | ||||
| return m('main', {style: mainStyle}, | |||||
| return [ | |||||
| m('header', {style: headerStyle}, | m('header', {style: headerStyle}, | ||||
| State.isConnected ? Headers.map(h => m(...h)) : [ | |||||
| State.isConnected | |||||
| ? Headers.map(h => m(...h)) | |||||
| : [ | |||||
| m('form.login', | m('form.login', | ||||
| {onsubmit: Base.sendLogin}, | {onsubmit: Base.sendLogin}, | ||||
| m('input', attrs), | m('input', attrs), | ||||
| m('button', 're-join'), | m('button', 're-join'), | ||||
| ), | ), | ||||
| ], | ], | ||||
| m('span.error', State.info), | |||||
| ), | ), | ||||
| State.isConnected ? Apps.map(a => m(...a)) : null, | |||||
| ) | |||||
| m('main', {style: {overflow: 'hidden'}}, | |||||
| State.isConnected | |||||
| ? Apps.map(a => m(...a)) | |||||
| : [ | |||||
| m('span.error', State.info), | |||||
| m(Settings), | |||||
| ], | |||||
| ), | |||||
| ] | |||||
| }, | }, | ||||
| } | } | ||||
| const Headers = [ | const Headers = [ |
Laden…