near/computersandblues.hitomezashi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add unit setting

Browse source
This commit is contained in:
arne 2024-07-20 19:23:51 +02:00
commit c6b646b94c
2 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -43,6 +43,11 @@
margin: 0.2rem 0; margin: 0.2rem 0;
} }
label > span {
display: inline-block;
width: 9em;
}
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
div.container { div.container {
display: grid; display: grid;

4
src/main.ts
View file

@ -114,6 +114,9 @@ const scene = sync({
const input = (label: string, attrs: any) => const input = (label: string, attrs: any) =>
["div", {}, ["label", {}, label, ["input", attrs]]] ["div", {}, ["label", {}, label, ["input", attrs]]]
const select = (label: string, attrs: any, options: string[]) =>
["div", {}, ["label", {}, label, ["select", attrs, ...options.map(u => ["option", {value: u}, u])]]]
$compile( $compile(
["div.container", {}, ["div.container", {},
["main", {}, ["main", {},
@ -133,6 +136,7 @@ $compile(
value: height.deref()!, value: height.deref()!,
oninput: $inputNum(height), oninput: $inputNum(height),
}), }),
select("Unit", { oninput: $input(unit) }, ["mm", "px"]),
input("Grid size: ", { input("Grid size: ", {
type: "number", type: "number",
min: "5", min: "5",