diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts index 3294b891..3ade40bb 100644 --- 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 index 24db337d..967a79e8 100644 --- 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;