chore: enable shortcut zoom (#5261)

* chore: enable shortcut zoom

* chore: update shortcut setting

src-tauri/capabilities/default.json

@@ -2,16 +2,13 @@
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
   "description": "enables the default permissions",
-  "windows": [
+  "windows": ["main"],
-    "main"
-  ],
   "remote": {
-    "urls": [
+    "urls": ["http://*"]
-      "http://*"
-    ]
   },
   "permissions": [
     "core:default",
+    "core:webview:allow-set-webview-zoom",
     "core:window:allow-start-dragging",
     "core:window:allow-set-theme",
     "shell:allow-spawn",
@@ -81,9 +78,7 @@
     {
       "identifier": "opener:allow-open-url",
       "description": "opens the default permissions for the core module",
-      "windows": [
+      "windows": ["*"],
-        "*"
-      ],
       "allow": [
         {
           "url": "https://*"

src-tauri/tauri.conf.json

@@ -13,6 +13,7 @@
     "macOSPrivateApi": true,
     "windows": [
       {
+        "zoomHotkeysEnabled": true,
         "label": "main",
         "title": "Jan",
         "width": 1024,

web-app/src/routes/settings/shortcuts.tsx

@@ -47,6 +47,28 @@ function Shortcuts() {
                   </div>
                 }
               />
+              <CardItem
+                title="Zoom In"
+                description="Increase the zoom level"
+                actions={
+                  <div className="flex items-center justify-center px-3 py-1 bg-main-view-fg/5 rounded-md">
+                    <span className="font-medium">
+                      <PlatformMetaKey /> +
+                    </span>
+                  </div>
+                }
+              />
+              <CardItem
+                title="Zoom Out"
+                description="Decrease the zoom level"
+                actions={
+                  <div className="flex items-center justify-center px-3 py-1 bg-main-view-fg/5 rounded-md">
+                    <span className="font-medium">
+                      <PlatformMetaKey /> -
+                    </span>
+                  </div>
+                }
+              />
             </Card>
 
             {/* Chat */}