mercuryworkshop-mirror/adrift
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/adrift.git synced 2025-05-12 22:00:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve visuals for dev ui

Browse source
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
1 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/App.svelte
View file

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