External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(passport-photo): restrict zoom to 1x-3x so preview matches download exactly

Browse Source
This commit is contained in:
stirling-image
2026-04-14 15:45:33 +08:00
parent 6352a5384e
commit d6498324ca
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/tools/passport-photo-settings.tsx
+2 -2
View File
@@ -1063,7 +1063,7 @@ export function PassportPhotoPreview() {
const handleWheel = useCallback( const handleWheel = useCallback(
(e: React.WheelEvent<HTMLCanvasElement>) => { (e: React.WheelEvent<HTMLCanvasElement>) => {
e.preventDefault(); e.preventDefault();
setZoom(Math.max(0.5, Math.min(3, zoom + (e.deltaY > 0 ? -0.1 : 0.1)))); setZoom(Math.max(1, Math.min(3, zoom + (e.deltaY > 0 ? -0.1 : 0.1))));
}, },
[zoom, setZoom], [zoom, setZoom],
); );
@@ -1106,7 +1106,7 @@ export function PassportPhotoPreview() {
<div className="flex items-center gap-2 shrink-0"> <div className="flex items-center gap-2 shrink-0">
<button <button
type="button" type="button"
onClick={() => setZoom(Math.max(0.5, zoom - 0.25))} onClick={() => setZoom(Math.max(1, zoom - 0.25))}
className="p-1.5 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors" className="p-1.5 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
title="Zoom out" title="Zoom out"
> >