jurajk/knet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

box styles

Browse Source
This commit is contained in:
JurajKubrican
2025-03-04 22:41:41 +01:00
parent cac9548058
commit 03df177e2b
4 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/boxes.js
View File

@@ -49,4 +49,10 @@
const golEl = document.querySelector("#game-of-life");
handleGol(golEl);
golEl.addEventListener("change", (e) => handleGol(e.target));
const container = document.querySelector('.boxes');
const resizeObserver = new ResizeObserver((entries) => {
const entry = entries.at(0);
container.style.height = String(entry?.contentRect.width ?? 500) + 'px';
});
resizeObserver.observe(container);
})();

8
js/boxes.ts
View File

@@ -63,4 +63,12 @@ type Box = {
const golEl = document.querySelector("#game-of-life") as CheckboxEl;
handleGol(golEl);
golEl.addEventListener("change", (e) => handleGol(e.target as CheckboxEl));
const container = document.querySelector('.boxes') as HTMLDivElement
const resizeObserver = new ResizeObserver((entries) => {
const entry = entries.at(0);
container.style.height = String(entry?.contentRect.width ?? 500) + 'px';
});
resizeObserver.observe(container);
})();