Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-09-12 17:52:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Initial set up

Browse Source
This commit is contained in:
Reece Browne 2025-02-03 16:45:51 +00:00
parent 0b57a1920d
commit 9c0b1811cd
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/main/resources/templates/home.html
View File

@ -20,10 +20,8 @@
width: 100%;
display: flex;
flex-direction: column;
scale: 0.7;
transform-origin: top;
">
transform-origin: top;"
id="scale-wrap">
<div>
<br>
<div style="justify-content: center; display: flex;">
@ -126,7 +124,8 @@
</div>
</div>
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
</div>
</div>
</div>
@ -225,6 +224,20 @@
window.showSurvey = /*[[${showSurveyFromDocker}]]*/ true
</script>
<script th:src="@{'/js/pages/home.js'}" th:inline="javascript"></script>
<script>
function applyScale() {
const baseWidth = 1440;
const baseHeight = 1000;
const scaleX = window.innerWidth / baseWidth;
const scaleY = window.innerHeight / baseHeight;
const scale = Math.max(0.9, Math.min(scaleX, scaleY)); // keep aspect ratio, honor minScale
const ui = document.getElementById('scale-wrap');
ui.style.transform = `scale(${scale*0.8})`;
}
window.addEventListener('resize', applyScale);
window.addEventListener('load', applyScale);
</script>
</body>