txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: expand zoom range from 50-200% to 10-500% for unlimited scaling

Browse Source
This commit is contained in:
juanatsap
2025-11-12 16:19:30 +00:00
parent e781a17a87
commit bef0b94add
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/main.js
+2 -2
View File
@@ -343,7 +343,7 @@
/** /**
* Apply zoom transformation to CV paper * Apply zoom transformation to CV paper
* @param {number} zoomValue - Zoom percentage (50-200) * @param {number} zoomValue - Zoom percentage (10-500)
* @param {boolean} saveToStorage - Whether to persist to localStorage * @param {boolean} saveToStorage - Whether to persist to localStorage
*/ */
function applyZoom(zoomValue, saveToStorage = true) { function applyZoom(zoomValue, saveToStorage = true) {
@@ -405,7 +405,7 @@
if (!slider) return; if (!slider) return;
const currentZoom = parseInt(slider.value, 10); const currentZoom = parseInt(slider.value, 10);
const newZoom = Math.min(200, Math.max(50, currentZoom + step)); const newZoom = Math.min(500, Math.max(10, currentZoom + step));
slider.value = newZoom; slider.value = newZoom;
applyZoom(newZoom, true); applyZoom(newZoom, true);
templates/index.html
+6 -6
View File
@@ -471,23 +471,23 @@
<iconify-icon icon="mdi:close" width="16" height="16"></iconify-icon> <iconify-icon icon="mdi:close" width="16" height="16"></iconify-icon>
</button> </button>
<span class="zoom-value zoom-value-min" aria-hidden="true">50</span> <span class="zoom-value zoom-value-min" aria-hidden="true">10</span>
<input <input
type="range" type="range"
id="zoom-slider" id="zoom-slider"
class="zoom-slider" class="zoom-slider"
min="50" min="10"
max="200" max="500"
step="1" step="1"
value="100" value="100"
aria-label="{{if eq .Lang "es"}}Ajustar nivel de zoom del CV{{else}}Adjust CV zoom level{{end}}" aria-label="{{if eq .Lang "es"}}Ajustar nivel de zoom del CV{{else}}Adjust CV zoom level{{end}}"
aria-valuemin="50" aria-valuemin="10"
aria-valuemax="200" aria-valuemax="500"
aria-valuenow="100" aria-valuenow="100"
aria-valuetext="100%"> aria-valuetext="100%">
<span class="zoom-value zoom-value-max" aria-hidden="true">200</span> <span class="zoom-value zoom-value-max" aria-hidden="true">500</span>
<button <button
id="zoom-reset" id="zoom-reset"