relikd/Ausweis
1
0
Fork 0
Code Issues Pull Requests Releases Activity

feat: rotate card in portrait mode

Browse Source
This commit is contained in:
relikd
2023-10-03 20:13:45 +02:00
parent bc89666574
commit 977b7a6276
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/example-html/script.js
View File

@@ -93,9 +93,13 @@ window.addEventListener('hashchange', onLoad, true);
function onResize() { function onResize() {
const card = document.getElementById('card'); const card = document.getElementById('card');
const sw = window.innerWidth / card.offsetWidth; const [cW, cH] = [card.offsetWidth, card.offsetHeight];
const sh = window.innerHeight / card.offsetHeight; const [wW, wH] = [window.innerWidth, window.innerHeight];
card.style.scale = Math.min(Math.min(sw, sh) * 0.97, 2); const sL = Math.min(2, Math.min(wW / cW, wH / cH) * 0.97);
const sP = Math.min(2, Math.min(wW / cH, wH / cW) * 0.97);
const portrait = sP > sL && sL < 1.8;
card.style.scale = portrait ? sP : sL;
card.style.transform = portrait ? 'rotate(90deg)' : null;
} }
window.addEventListener('resize', onResize, true); window.addEventListener('resize', onResize, true);