feat: add embedZoom parameter handling for demo iframe and adjust body zoom

ivictbor · ivictbor · commit 80d01b24746b · 2026-04-21T07:58:50.000Z
diff --git a/adminforth/documentation/src/pages/index.tsx b/adminforth/documentation/src/pages/index.tsx
@@ -6,7 +6,7 @@ import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import Heading from '@theme/Heading';
 import styles from './index.module.css';
 
-const LIVE_DEMO_IFRAME_URL = `https://demo.adminforth.dev/overview?autologin=${encodeURIComponent('demo@adminfoth.dev:demo')}`;
+const LIVE_DEMO_IFRAME_URL = `https://demo.adminforth.dev/overview?autologin=${encodeURIComponent('demo@adminfoth.dev:demo')}&embedZoom=0.7`;
 
 
 const images = [
@@ -140,7 +140,7 @@ function HomepageHeader() {
           </Heading>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
 
-          <div class="heroRow">
+          <div className="heroRow">
             <div className={styles.buttons}>
               <Link
                 className="button button--secondary button--outline button--lg"
diff --git a/adminforth/spa/index.html b/adminforth/spa/index.html
@@ -17,6 +17,12 @@
     <!-- /* IMPORTANT:ADMINFORTH HEAD */ -->
   </head>
   <body class="min-h-screen flex flex-col">
+    <script>
+      const embedZoom = Number(new URLSearchParams(window.location.search).get('embedZoom'));
+      if (Number.isFinite(embedZoom) && embedZoom > 0) {
+        document.body.style.zoom = String(embedZoom);
+      }
+    </script>
     <div id="app" class="grow bg-lightHtml dark:bg-darkHtml w-full"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
