} | } | ||||
main { | main { | ||||
overflow: hidden; | overflow: hidden; | ||||
display: grid; | |||||
grid-auto-flow: column; | |||||
display: flex; | |||||
} | |||||
.videos { | |||||
flex: 1; | |||||
} | |||||
.screen-share { | |||||
flex: 10; | |||||
} | } | ||||
</style> | </style> | ||||
<body>PicoChat requires JS</body> | <body>PicoChat requires JS</body> |
autocomplete: 'off', | autocomplete: 'off', | ||||
value: localStorage.username, | value: localStorage.username, | ||||
} | } | ||||
const style = { | |||||
flexDirection: innerWidth > innerHeight ? 'row' : 'column', | |||||
} | |||||
return [ | return [ | ||||
m('header', | m('header', | ||||
State.isConnected | State.isConnected | ||||
), | ), | ||||
], | ], | ||||
), | ), | ||||
m('main', | |||||
m('main', {style}, | |||||
State.isConnected | State.isConnected | ||||
? Apps.map(a => m(...a)) | ? Apps.map(a => m(...a)) | ||||
: [ | : [ |