fix: pwa input zoom

web/app/provider.tsx

@@ -32,6 +32,7 @@ const ToastWithTheme = () => {
 
 export const AppProvider: FC<IAppProvider> = (props) => {
   const { children } = props;
+
   // themes
   return (
     <>

web/core/layouts/auth-layout/workspace-wrapper.tsx

@@ -69,6 +69,13 @@ export const WorkspaceAuthWrapper: FC<IWorkspaceAuthWrapper> = observer((props)
     { revalidateIfStale: false, revalidateOnFocus: false }
   );
 
+  if (window.navigator.userAgent.indexOf("iPhone") > -1) {
+    const viewportMeta = document.querySelector("[name=viewport]");
+    if (viewportMeta) {
+      viewportMeta.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
+    }
+  }
+
   const handleSignOut = async () => {
     await signOut().catch(() =>
       setToast({

web/core/layouts/default-layout/index.tsx

@@ -5,8 +5,16 @@ type Props = {
   gradient?: boolean;
 };
 
-const DefaultLayout: FC<Props> = ({ children, gradient = false }) => (
-  <div className={`h-screen w-full overflow-hidden ${gradient ? "" : "bg-custom-background-100"}`}>{children}</div>
-);
+const DefaultLayout: FC<Props> = ({ children, gradient = false }) => {
+  if (window.navigator.userAgent.indexOf("iPhone") > -1) {
+    const viewportMeta = document.querySelector("[name=viewport]");
+    if (viewportMeta) {
+      viewportMeta.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
+    }
+  }
+  return (
+    <div className={`h-screen w-full overflow-hidden ${gradient ? "" : "bg-custom-background-100"}`}>{children}</div>
+  );
+};
 
 export default DefaultLayout;