docs: set stories page as iframe in mkdocs

hotosm · Nov 20, 2023 · 8a9eddb · 8a9eddb
1 parent b0970a7
commit 8a9eddb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/docs/visual.md b/docs/visual.md
@@ -0,0 +1,15 @@
+<!-- markdownlint-disable -->
+<style>
+    .full-width-iframe {
+        width: 100vw;
+        height: 100vh;
+        border: none;
+    }
+</style>
+
+<!-- Hide title -->
+<h1></h1>
+
+<iframe class="full-width-iframe" src="https://hotosm.github.io/ui/stories">
+</iframe>
+<!-- markdownlint-enable -->
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -54,6 +54,6 @@ nav:
   - Home: index.md
   - Components:
       - Example: components/example.md
-  - Visual: stories/index.html
+  - Visual: visual.md
   - License: LICENSE
   - Changelog: CHANGELOG.md