snapshot of https://github.com/mountain-loop/yaak.git (main, 2026-09-23; blobs > 131072B omitted)

apps/yaak-client/hooks/useSyncFontSizeSetting.ts

@@ -0,0 +1,17 @@
+import { platform } from "@yaakapp-internal/platform";
+import { settingsAtom } from "@yaakapp-internal/models";
+import { useAtomValue } from "jotai";
+import { useEffect } from "react";
+
+export function useSyncFontSizeSetting() {
+  const settings = useAtomValue(settingsAtom);
+  useEffect(() => {
+    if (settings == null) {
+      return;
+    }
+
+    const { interfaceScale, editorFontSize } = settings;
+    platform.window.setZoom(interfaceScale).catch(console.error);
+    document.documentElement.style.setProperty("--editor-font-size", `${editorFontSize}px`);
+  }, [settings]);
+}