Fix: styles for docs frame preview

ownego · Mar 5, 2024 · 21d6781 · 21d6781
1 parent c16890c
commit 21d6781
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -1,4 +1,4 @@
-import { defineConfig, withBase } from 'vitepress';
+import { defineConfig } from 'vitepress';
 import { fileURLToPath } from 'url';
 import { replaceCodePlugin } from 'vite-plugin-replace';
 import svgLoader from 'vite-svg-loader';
@@ -20,7 +20,7 @@ export default defineConfig({
   titleTemplate: ":title — Shopify Polaris Vue by ownego",
   description: "Shopify Polaris for VueJS 3",
   head: [
-    ['link', { rel: 'icon', href: withBase('/assets/images/favicon.ico') }],
+    ['link', { rel: 'icon', href: '/polaris-vue/assets/images/favicon.ico' }],
     ['link', { rel: 'preconnect', href: 'https://cdn.shopify.com/' }],
     ['link', { rel: 'stylesheet', href: 'https://cdn.shopify.com/static/fonts/inter/inter.css', id: 'inter-font-link' }],
   ],

diff --git a/docs/.vitepress/theme/components/Examples.vue b/docs/.vitepress/theme/components/Examples.vue
@@ -13,7 +13,7 @@
     v-html="md.render(examples[selectedExampleIndex].description)",
   )
   //- Iframe to show example
-  .preview-wrapper(:style="{ height: `${frameHeight}px` }")
+  .frame-wrapper(:style="{ height: `${frameHeight}px` }")
     iframe.preview-frame(
       ref="iframeRef",
       :src="withBase(`/preview/${component}-${selectedFile}`)",
@@ -165,7 +165,7 @@ if (example) {
   }
 }
 
-.preview-wrapper {
+.frame-wrapper {
   position: relative;
   width: 100%;
   background-color: #f1f1f1;