UI: Zoom faster when pressing shift

code/core/src/manager/components/preview/NumericInput.tsx

@@ -74,6 +74,7 @@ interface NumericInputProps extends Omit<ComponentProps<typeof Form.Input>, 'val
   setValue: (value: string) => void;
   minValue?: number;
   maxValue?: number;
+  step?: number;
   unit?: string;
   baseUnit?: string;
 }
@@ -87,6 +88,7 @@ export const NumericInput = forwardRef<HTMLInputElement, NumericInputProps>(func
     setValue,
     minValue = -Infinity,
     maxValue = Infinity,
+    step = 1,
     unit: fixedUnit,
     baseUnit = fixedUnit,
     className,
@@ -163,7 +165,8 @@ export const NumericInput = forwardRef<HTMLInputElement, NumericInputProps>(func
 
       const { number, unit } = parseValue(inputValue);
       if (!Number.isNaN(number)) {
-        updateValue(`${e.key === 'ArrowUp' ? number + 1 : number - 1}${unit}`);
+        const delta = e.shiftKey ? step * 10 : step;
+        updateValue(`${e.key === 'ArrowUp' ? number + delta : number - delta}${unit}`);
         setInputSelection();
       }
     };
@@ -173,7 +176,7 @@ export const NumericInput = forwardRef<HTMLInputElement, NumericInputProps>(func
       input.addEventListener('keydown', handleKeyDown);
       return () => input.removeEventListener('keydown', handleKeyDown);
     }
-  }, [inputValue, parseValue, updateValue, setInputSelection]);
+  }, [inputValue, parseValue, setInputSelection, step, updateValue]);
 
   return (
     <Wrapper after={after} before={before} className={className} style={style}>

code/core/src/manager/components/preview/tools/zoom.tsx

@@ -159,10 +159,10 @@ export const Zoom = memo<{
         pressed={value !== INITIAL_ZOOM_LEVEL}
         onKeyDown={(e) => {
           if (e.key === 'ArrowDown') {
-            zoomBy(-0.01);
+            zoomBy(e.getModifierState('Shift') ? -0.1 : -0.01);
             e.preventDefault();
           } else if (e.key === 'ArrowUp') {
-            zoomBy(0.01);
+            zoomBy(e.getModifierState('Shift') ? 0.1 : 0.01);
             e.preventDefault();
           } else if (e.key === 'PageDown') {
             zoomOut();