fix zoom buttons

src/containers/LiveEditor/index.tsx

@@ -58,7 +58,11 @@ export const LiveEditor: React.FC = React.memo(() => {
   }, [json, settings.expand]);
 
   React.useEffect(() => {
-    wrapperRef.current?.zoomIn();
+    wrapperRef.current?.setTransform(
+      wrapperRef.current.state.positionX,
+      wrapperRef.current.state.positionY,
+      settings.zoomScale
+    );
   }, [settings.zoomScale]);
 
   React.useEffect(() => {

src/reducer/reducer.ts

@@ -38,7 +38,7 @@ export const useConfigReducer: React.Reducer<AppConfig, ReducerAction> = (
         ...state,
         settings: {
           ...state.settings,
-          zoomScale: state.settings.zoomScale + 0.1,
+          zoomScale: state.settings.zoomScale + 0.2,
         },
       };
 
@@ -47,7 +47,7 @@ export const useConfigReducer: React.Reducer<AppConfig, ReducerAction> = (
         ...state,
         settings: {
           ...state.settings,
-          zoomScale: state.settings.zoomScale - 0.1,
+          zoomScale: state.settings.zoomScale - 0.2,
         },
       };