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

Small improvements for small screens

Browse source
This commit is contained in:
arne 2024-07-21 12:30:28 +02:00
commit 00fed1c95b
2 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
index.html
View file

@ -33,10 +33,6 @@
margin: 0.6rem 0; margin: 0.6rem 0;
} }
h1:first-child, h2:first-child {
margin-top: 0
}
label { label {
display: block; display: block;
margin: 0.2rem 0; margin: 0.2rem 0;
@ -71,6 +67,11 @@
grid-area: settings; grid-area: settings;
align-self: center; align-self: center;
} }
h1:first-child, h2:first-child {
margin-top: 0
}
} }
</style> </style>

6
src/main.ts
View file

@ -8,8 +8,10 @@ import { cycle, comp, range, iterator, map, mapcat, reverse, zip, filter } from
// initial settings // initial settings
// available size for a2: 420 * 594 // available size for a2: 420 * 594
const width_ = 420
const height_ = 594 const sqrt2 = Math.sqrt(2)
const width_ = Math.round(420 / (document.body.clientWidth > 640 ? 1 : sqrt2))
const height_ = Math.round(594 / (document.body.clientWidth > 640 ? 1 : sqrt2))
const cellSize_ = 12 const cellSize_ = 12
const padding_ = 5 // * cellSize const padding_ = 5 // * cellSize