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

feat: add close button to configure dialog

Browse source
This commit is contained in:
Percs 2024-10-13 16:54:37 -05:00
parent 52e419f44e
commit 8f5230f9a1
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
static/ui.js
View file

@ -65,9 +65,12 @@ function Config() {
padding: 0.45em; padding: 0.45em;
} }
.input_row input { .input_row input {
flex-grow: 1 flex-grow: 1;
}
.centered {
justify-content: center;
align-items: center;
} }
`; `;
return html` return html`
<dialog class=${["cfg"]}> <dialog class=${["cfg"]}>
@ -83,10 +86,9 @@ function Config() {
}, },
])}>use libcurl.js</button> ])}>use libcurl.js</button>
<button on:click=${() => connection.setTransport("/epoxy/index.mjs", [{ wisp: store.wispurl }])}>use epoxy</button> <button on:click=${() => connection.setTransport("/epoxy/index.mjs", [{ wisp: store.wispurl }])}>use epoxy</button>
<button on:click=${() => window.open(this.urlencoded)}>open in fullscreen</button>
</div> </div>
</div> </div>
<div class=${[flex, col, "input_row"]}> <div class=${[flex, col, "input_row"]}>
<label for="wisp_url_input">Wisp URL:</label> <label for="wisp_url_input">Wisp URL:</label>
<input id="wisp_url_input" bind:value=${use(store.wispurl)}></input> <input id="wisp_url_input" bind:value=${use(store.wispurl)}></input>
</div> </div>
@ -94,6 +96,9 @@ function Config() {
<label for="bare_url_input">Bare URL:</label> <label for="bare_url_input">Bare URL:</label>
<input id="bare_url_input" bind:value=${use(store.bareurl)}></input> <input id="bare_url_input" bind:value=${use(store.bareurl)}></input>
</div> </div>
<div class=${[flex, "buttons", "centered"]}>
<button on:click=${() => this.root.close()}>close</button>
</div>
</dialog> </dialog>
`; `;
} }