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

11
static/ui.js
View file

@ -65,9 +65,12 @@ function Config() {
padding: 0.45em;
}
.input_row input {
flex-grow: 1
flex-grow: 1;
}
.centered {
justify-content: center;
align-items: center;
}
`;
return html`
<dialog class=${["cfg"]}>
@ -83,7 +86,6 @@ function Config() {
},
])}>use libcurl.js</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 class=${[flex, col, "input_row"]}>
@ -94,6 +96,9 @@ function Config() {
<label for="bare_url_input">Bare URL:</label>
<input id="bare_url_input" bind:value=${use(store.bareurl)}></input>
</div>
<div class=${[flex, "buttons", "centered"]}>
<button on:click=${() => this.root.close()}>close</button>
</div>
</dialog>
`;
}