From c8ba91ab1e219c23680288b3432cdd7a3550ed54 Mon Sep 17 00:00:00 2001
From: Alec Ames <dev@alecames.com>
Date: Fri, 30 Jan 2026 12:36:10 -0500
Subject: [PATCH] (fix) editor zoom handling now scales just font instead of UI

---
 src/lib/MarkdownViewer.svelte    |  3 ++-
 src/lib/components/Editor.svelte | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/lib/MarkdownViewer.svelte b/src/lib/MarkdownViewer.svelte
index c9ff88a..8555e2d 100644
--- a/src/lib/MarkdownViewer.svelte
+++ b/src/lib/MarkdownViewer.svelte
@@ -896,13 +896,14 @@
 
 	{#if tabManager.activeTab && (tabManager.activeTab.path !== '' || tabManager.activeTab.title !== 'Recents') && !showHome}
 		{#key currentFile}
-			<div class="markdown-container" style="zoom: {zoomLevel}%" onwheel={handleWheel} role="presentation">
+			<div class="markdown-container" style="zoom: {isEditing ? 1 : zoomLevel / 100}" onwheel={handleWheel} role="presentation">
 				{#if isEditing}
 					<div class="editor-wrapper">
 						<Editor
 							bind:value={rawContent}
 							language={editorLanguage}
 							onsave={saveContent}
+							bind:zoomLevel
 							onnew={handleNewFile}
 							onopen={selectFile}
 							onclose={closeFile}
diff --git a/src/lib/components/Editor.svelte b/src/lib/components/Editor.svelte
index 102582d..16396a5 100644
--- a/src/lib/components/Editor.svelte
+++ b/src/lib/components/Editor.svelte
@@ -24,6 +24,7 @@
 		onnextTab,
 		onprevTab,
 		onundoClose,
+		zoomLevel = $bindable(100),
 	} = $props<{
 		value: string;
 		language?: string;
@@ -38,6 +39,7 @@
 		onnextTab?: () => void;
 		onprevTab?: () => void; // Using 'prev' to match common naming
 		onundoClose?: () => void;
+		zoomLevel?: number;
 	}>();
 
 	let container: HTMLDivElement;
@@ -338,8 +340,23 @@
 			},
 		});
 
+		const wheelListener = (e: WheelEvent) => {
+			if (e.ctrlKey || e.metaKey) {
+				e.preventDefault();
+				e.stopPropagation();
+				if (e.deltaY < 0) {
+					zoomLevel = Math.min(zoomLevel + 10, 500);
+				} else {
+					zoomLevel = Math.max(zoomLevel - 10, 25);
+				}
+			}
+		};
+
+		container.addEventListener('wheel', wheelListener, { capture: true });
+
 		return () => {
 			mediaQuery.removeEventListener('change', updateTheme);
+			container.removeEventListener('wheel', wheelListener, { capture: true });
 
 			editor.dispose();
 		};
@@ -357,6 +374,7 @@
 				minimap: { enabled: settings.minimap },
 				wordWrap: settings.wordWrap as 'on' | 'off' | 'wordWrapColumn' | 'bounded',
 				lineNumbers: settings.lineNumbers as 'on' | 'off' | 'relative' | 'interval',
+				fontSize: 14 * (zoomLevel / 100),
 			});
 		}
 	});