From 11b3b4b395e7af643973346d1cabd8c8fcea72b2 Mon Sep 17 00:00:00 2001
From: Momentry Studio <admin@momentry.local>
Date: Sun, 14 Jun 2026 23:33:05 +0800
Subject: [PATCH] fix: zoom using CSS + cleanup

---
 src-tauri/src/main.rs |  8 +-------
 src/App.vue           | 15 +++++++--------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index 7c6547a..6479881 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -418,11 +418,6 @@ async fn unbind_face(uuid: String, face_id: String, file_uuid: String) -> Result
     Ok(())
 }
 
-#[tauri::command(rename_all = "camelCase")]
-async fn set_zoom(window: tauri::WebviewWindow, zoom_factor: f64) -> Result<(), String> {
-    window.set_zoom(zoom_factor).map_err(|e| e.to_string())
-}
-
 fn main() {
     tauri::Builder::default()
         .plugin(tauri_plugin_shell::init())
@@ -442,8 +437,7 @@ fn main() {
             get_face_candidates,
             merge_identities,
             bind_face,
-            unbind_face,
-            set_zoom
+            unbind_face
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
diff --git a/src/App.vue b/src/App.vue
index b2888db..61ad3ff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -34,24 +34,23 @@
 
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
-import { invoke } from '@tauri-apps/api/core'
 
-let currentZoom = ref(1.0)
+const appZoom = ref(100)
 
 function handleKeydown(e: KeyboardEvent) {
   if ((e.metaKey || e.ctrlKey)) {
     if (e.key === '=' || e.key === '+') {
       e.preventDefault()
-      currentZoom.value = Math.min(currentZoom.value + 0.1, 3.0)
-      invoke('set_zoom', { zoomFactor: currentZoom.value }).catch(() => {})
+      appZoom.value = Math.min(appZoom.value + 10, 300)
+      document.documentElement.style.zoom = appZoom.value + '%'
     } else if (e.key === '-') {
       e.preventDefault()
-      currentZoom.value = Math.max(currentZoom.value - 0.1, 0.5)
-      invoke('set_zoom', { zoomFactor: currentZoom.value }).catch(() => {})
+      appZoom.value = Math.max(appZoom.value - 10, 50)
+      document.documentElement.style.zoom = appZoom.value + '%'
     } else if (e.key === '0') {
       e.preventDefault()
-      currentZoom.value = 1.0
-      invoke('set_zoom', { zoomFactor: 1.0 }).catch(() => {})
+      appZoom.value = 100
+      document.documentElement.style.zoom = '100%'
     }
   }
 }