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

Merge branch 'Stirling-Tools:main' into Fixing-logically-inverted-add-password-API

Browse Source
This commit is contained in:
Balázs Szücs 2025-05-09 14:08:14 +02:00 committed by GitHub
commit 3960ecd003
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/main/resources/static/css/general.css
View File

@ -1,7 +1,8 @@
#page-container { #page-container {
min-height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-x: clip;
} }
#content-wrap { #content-wrap {

4
src/main/resources/static/css/navbar.css
View File

@ -162,6 +162,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
text-wrap: wrap; text-wrap: wrap;
word-break: break-word; word-break: break-word;
width: 80%; width: 80%;
font-size: large;
} }
.close-icon { .close-icon {
@ -476,6 +477,9 @@ html[dir="rtl"] .dropdown-menu[data-bs-popper] {
display: flex; display: flex;
gap: 30px; gap: 30px;
justify-content: center; justify-content: center;
width: 140%;
position: relative;
left: -20%;
} }
.feature-group { .feature-group {

2
src/main/resources/static/js/tab-container.js
View File

@ -9,7 +9,7 @@ TabContainer = {
tabList.classList.add('tab-buttons'); tabList.classList.add('tab-buttons');
tabTitles.forEach((title) => { tabTitles.forEach((title) => {
const tabButton = document.createElement('button'); const tabButton = document.createElement('button');
tabButton.innerHTML = title; tabButton.textContent = title;
tabButton.onclick = (e) => { tabButton.onclick = (e) => {
this.setActiveTab(e.target); this.setActiveTab(e.target);
}; };

2
src/main/resources/templates/fragments/navbar.html
View File

@ -1,4 +1,4 @@
<div th:fragment="navbar" class="mx-auto" style="position: sticky; top:0; z-index:10000"> <div th:fragment="navbar" class="mx-auto" style="position: sticky; top:0; z-index:10000; width:100%">
<script th:src="@{'/js/languageSelection.js'}"></script> <script th:src="@{'/js/languageSelection.js'}"></script>
<script th:src="@{'/js/navbar.js'}"></script> <script th:src="@{'/js/navbar.js'}"></script>
<script th:src="@{'/js/additionalLanguageCode.js'}"></script> <script th:src="@{'/js/additionalLanguageCode.js'}"></script>

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

@ -7,20 +7,18 @@
</head> </head>
<body> <body>
<div id="page-container"> <div id="page-container">
<div id="content-wrap"> <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
<th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block> <div style="transform-origin: top;"
id="scale-wrap">
<br class="d-md-none"> <br class="d-md-none">
<!-- Features --> <!-- Features -->
<script th:src="@{'/js/homecard.js'}"></script> <script th:src="@{'/js/homecard.js'}"></script>
<div style=" <div style="
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column;"> flex-direction: column;"
>
<div> <div>
<br> <br>
<div style="justify-content: center; display: flex;"> <div style="justify-content: center; display: flex;">
@ -123,9 +121,10 @@
</div> </div>
</div> </div>
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
</div> </div>
</div> </div>
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
</div> </div>
@ -222,7 +221,21 @@
window.showSurvey = /*[[${showSurveyFromDocker}]]*/ true window.showSurvey = /*[[${showSurveyFromDocker}]]*/ true
</script> </script>
<script th:src="@{'/js/pages/home.js'}" th:inline="javascript"></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.75})`;
}
window.addEventListener('resize', applyScale);
window.addEventListener('load', applyScale);
</script>
</body> </body>