improve visuals for dev ui

This commit is contained in:
CoolElectronics 2023-08-14 18:50:39 -04:00
parent fa3386468e
commit cbe199ccdd
No known key found for this signature in database
GPG key ID: F63593D168636C50

View file

@ -210,15 +210,21 @@
</div> </div>
</div> </div>
{:else} {:else}
<h1>Adrift dev menu</h1> <div class="flex items-center justify-center h-full">
<Button type="tonal" on:click={connectDevHttp} <Card type="elevated">
>Connect with WebRTC transport over localhost HTTP signaling</Button <div class="flex flex-col h-full">
> <h2 class="m3-font-headline-large m-3">Adrift DEV</h2>
<br /> <div class="flex space-evenly pad-children">
<br /> <Button type="filled" on:click={connectDevHttp}
<Button type="tonal" on:click={connectDevWS} >Connect with WebRTC transport over localhost HTTP signaling</Button
>Connect with localhost websocket transport</Button >
> <Button type="filled" on:click={connectDevWS}
>Connect with localhost websocket transport</Button
>
</div>
</div>
</Card>
</div>
{/if} {/if}
<StyleFromScheme <StyleFromScheme
@ -303,6 +309,9 @@
/> />
<style> <style>
:global(.pad-children > *) {
margin: 2rem;
}
#loginpage { #loginpage {
padding: 2.5em; padding: 2.5em;
} }