\n\n### Expected behavior\n\nI hope to use SVG and other methods instead of using masks to display icons, which can avoid frequent redrawing\n\n### System Info\n\n```Text\n\"vitepress\": \"^1.6.4\",\n```\n\n### Additional context\n\n\u003Cimg width=\"2559\" height=\"1042\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/39db5990-f3ee-47bb-8bcf-49272a1918f4\" />\n\n### Validations\n\n- [x] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [x] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [x] Read the [docs](https://vitepress.dev).\n- [x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3151],{"name":3152,"color":3153},"bug: pending triage","e99695",4917,"vuejs","vitepress","open","Bug: Frequent triggering of redrawing of navigation bar icons","2025-08-21T09:14:41Z","https://github.com/vuejs/vitepress/issues/4917",0.7104779,{"description":3163,"labels":3164,"number":3166,"owner":3155,"repository":3156,"state":3167,"title":3168,"updated_at":3169,"url":3170,"score":3171},"### Describe the bug\n\nChanged the config file a bit and moved directory's around and then the aside started to be intruding the screen. \n\nIt was working fine before, and it works fine when I run `npm run docs:dev` but when I build and run a preview this issue happens.\n\n\n\n### Reproduction\n\nNo idea\n\n### Expected behavior\n\nThe aside should not be on the doc. It should be on the right hand side, like what the vitepress docs looks like.\n\n\n\n### System Info\n\n```Text\nSystem:\n OS: Windows 11 10.0.26100\n CPU: (20) x64 13th Gen Intel(R) Core(TM) i9-13900H\n Memory: 17.98 GB / 31.64 GB\n Binaries:\n Node: 22.12.0 - C:\\Program Files\\nodejs\\node.EXE\n Yarn: 1.22.22 - C:\\Program Files\\nodejs\\yarn.CMD\n npm: 10.9.0 - C:\\Program Files\\nodejs\\npm.CMD\n Browsers:\n Edge: Chromium (131.0.2903.99)\n Internet Explorer: 11.0.26100.1882\n npmPackages:\n vitepress: ^1.6.3 => 1.6.3\n```\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [x] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [x] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [x] Read the [docs](https://vitepress.dev).\n- [x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3165],{"name":3152,"color":3153},4534,"closed","Aside is intruding the page","2025-02-09T04:41:56Z","https://github.com/vuejs/vitepress/issues/4534",0.6654223,{"description":3173,"labels":3174,"number":3176,"owner":3155,"repository":3156,"state":3167,"title":3177,"updated_at":3178,"url":3179,"score":3180},"### Describe the bug\n\nHey, man.\r\n\r\nI've noticed that while using it, when I set the \"aside\" configuration to \"false,\" it appears normal on screen resolutions larger than 1280, but on resolutions smaller than this, it's displayed differently on the page.\r\n\r\nCould you please let me know if this behavior is intentional? If not, how should I configure it?\r\n\r\n\u003Cimg width=\"340\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/31385662/044ed241-9b53-4cb2-aabf-5cdcabd934d0\">\r\n\n\n### Reproduction\n\n---\r\ntitle: About\r\neditLink: false\r\nlastUpdated: false\r\nsidebar: false\r\naside: false\r\npageClass: about-page-class\r\n---\r\n\r\n# xxx\r\n\r\nxxx\r\n\n\n### Expected behavior\n\nBased on the description above, I would like the \"aside\" configuration to take effect and not be displayed.\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.4.1\r\n CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz\r\n Memory: 430.17 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.12.0 - ~/.nvm/versions/node/v18.12.0/bin/node\r\n Yarn: 1.22.10 - /usr/local/bin/yarn\r\n npm: 8.19.2 - ~/.nvm/versions/node/v18.12.0/bin/npm\r\n pnpm: 8.2.0 - ~/.nvm/versions/node/v18.12.0/bin/pnpm\r\n Watchman: 2021.08.02.00 - /usr/local/bin/watchman\r\n Browsers:\r\n Chrome: 115.0.5790.170\r\n Safari: 16.5.2\r\n npmPackages:\r\n vitepress: 1.0.0-rc.4 => 1.0.0-rc.4\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3175],{"name":3152,"color":3153},2816,"The \"aside\" configuration doesn't take effect on small screens.","2023-08-26T00:04:03Z","https://github.com/vuejs/vitepress/issues/2816",0.67756087,{"description":3182,"labels":3183,"number":3185,"owner":3155,"repository":3156,"state":3167,"title":3186,"updated_at":3187,"url":3188,"score":3189},"### Describe the bug\n\nHello, awesome effort, looking forward to how this project grows.\r\n\r\nContext: adding documentation with Vitepress to a vue3 library that uses aliases inside `/@`. \r\n\r\nAdded `resolve.alias` using a `vite.config.ts` based on this https://github.com/vuejs/vitepress/issues/241 \r\n\r\nIt worked, but suddenly ignored completely the config on `docs/.vitepress/config.ts` (title, sidebar, nav, etc)\r\n\r\n```js\r\n// docs/.vitepress/config.ts\r\n\r\nmodule.exports = {\r\n title: 'Vue Dynamic Forms',\r\n description,\r\n themeConfig: {\r\n repo: 'asigloo/vue-dynamic-forms',\r\n logo: '/logo.svg',\r\n nav: [\r\n {\r\n text: 'Migration Guide',\r\n link: '/v3/guide/migration-guide',\r\n },\r\n ],\r\n sidebar: {\r\n '/': [\r\n {\r\n text: 'Guide',\r\n children: [\r\n {\r\n text: 'Introduction',\r\n link: '/guide/',\r\n },\r\n {\r\n text: 'Getting Started',\r\n link: '/guide/getting-started',\r\n },\r\n {\r\n text: 'Usage',\r\n link: '/guide/usage',\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n}\r\n\r\n```\r\n\r\n\r\n\n\n### Reproduction\n\n- Add a `vite.config.ts` inside `docs` root \r\n- Add a `title`, also add `themeConfig`, `nav` or `sidebar` on `docs/.vitepress/config.ts` \r\n- Run `vitepress dev docs` \n\n### Expected behavior\n\n`vite.config.ts` `docs/.vitepress/config.ts` configs can live together \r\n\r\nor\r\n\r\nAn option to add `alias` to `docs/.vitepress/config.ts` \n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 11.4\r\n CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz\r\n Memory: 544.29 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.3.0 - ~/.nvm/versions/node/v16.3.0/bin/node\r\n Yarn: 1.22.10 - /usr/local/bin/yarn\r\n npm: 7.19.1 - ~/Projects/github/vue-dynamic-forms/node_modules/.bin/npm\r\n Browsers:\r\n Chrome: 92.0.4515.159\r\n Firefox: 89.0.1\r\n Safari: 14.1.1\r\n npmPackages:\r\n vitepress: ^0.16.1 => 0.15.6 \r\n```\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\n- [X] Read the [docs](https://vitepress.vuejs.org/).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3184],{"name":3152,"color":3153},373,"ThemeConfig is ignored when using vite.config.ts inside docs","2023-01-21T14:32:46Z","https://github.com/vuejs/vitepress/issues/373",0.68414414,{"description":3191,"labels":3192,"number":3194,"owner":3155,"repository":3156,"state":3167,"title":3195,"updated_at":3196,"url":3197,"score":3198},"### Describe the bug\n\nHi! \r\n\r\nThere are some pages where I don't want to show a sidebar, but `aside: false` is set in `Front Matter` and the sidebar still exists.\r\n\r\n\r\n\n\n### Reproduction\n\nMy `Front Matter` configuration is as follows:\r\n```\r\n---\r\nauthor: Charles7c\r\ndate: 2022/7/20 22:52\r\naside: false\r\nlayout: doc\r\ntags:\r\n - SQL\r\n - 网络攻击\r\n---\r\n```\n\n### Expected behavior\n\nHide the sidebar so that my content is centered.\r\n\r\nTaking effect as configured:\r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics\r\n Memory: 3.69 GB / 13.87 GB\r\nBinaries:\r\n Node: 14.18.1 - D:\\Develop\\nodejs\\node.EXE\r\n Yarn: 1.22.17 - D:\\Develop\\nodejs\\node_global\\yarn.CMD\r\n npm: 6.14.15 - D:\\Develop\\nodejs\\npm.CMD\r\nBrowsers:\r\n Internet Explorer: 11.0.19041.906\r\nnpmPackages:\r\n vitepress: ^1.0.0-alpha.4 => 1.0.0-alpha.4\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3193],{"name":3152,"color":3153},1030,"Front Matter aside configuration is invalid","2022-07-21T06:11:34Z","https://github.com/vuejs/vitepress/issues/1030",0.68533856,{"description":3200,"labels":3201,"number":3203,"owner":3155,"repository":3156,"state":3167,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Describe the bug\r\n\r\n\r\n`config.ts`\r\n```ts\r\nexport default defineConfig({\r\n vite: {\r\n css: {\r\n postcss: {\r\n plugins: [\r\n postcssIsolateStyles({\r\n includeFiles: [/vp-doc\\.css/]\r\n }),\r\n ],\r\n },\r\n }\r\n})\r\n```\r\n\r\n### Reproduction\r\n\r\nSee above\r\n\r\n### Expected behavior\r\n\r\nNo error\r\n\r\n### System Info\r\n\r\n```sh\r\nSystem:\r\n OS: Windows 10 10.0.19045\r\n CPU: (16) x64 11th Gen Intel(R) Core(TM) i9-11900K @ 3.50GHz\r\n Memory: 38.35 GB / 63.84 GB\r\n Binaries:\r\n Node: 18.16.0 - C:\\NodeJS\\node.EXE\r\n Yarn: 1.22.19 - C:\\NodeJS\\yarn.CMD\r\n npm: 9.8.1 - C:\\NodeJS\\npm.CMD\r\n pnpm: 8.7.0 - C:\\NodeJS\\pnpm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (116.0.1938.62)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.9 => 1.0.0-rc.9\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3202],{"name":3152,"color":3153},2867,"`postcssIsolateStyles` type issue with inline postcss plugin config in `vite` configs","2023-09-05T00:04:09Z","https://github.com/vuejs/vitepress/issues/2867",0.688329,{"description":3209,"labels":3210,"number":3214,"owner":3155,"repository":3156,"state":3167,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Describe the bug\r\n\r\nwhen I update the version to `\"vitepress\": \"^1.0.0-alpha.63\",` , and run `vitepress dev docs`, The Aside component is render nothing\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nupdate the vitepress version to `\"vitepress\": \"^1.0.0-alpha.63\",`\r\n\r\nrun `vitepress dev docs`\r\n\r\n`config.js`\r\n```\r\nimport { defineConfigWithTheme } from 'vitepress';\r\nimport vueJsx from '@vitejs/plugin-vue-jsx';\r\nimport baseConfig from '@vue/theme/config';\r\nimport { demoBlockPlugin } from 'vitepress-theme-demoblock';\r\nimport path from 'path';\r\n\r\nimport { i18n, nav, sidebar } from './themeConfig/index';\r\n\r\nexport default defineConfigWithTheme({\r\n extends: baseConfig,\r\n lang: 'zh-CN',\r\n title: 'SinoGear Vue',\r\n description: '',\r\n srcDir: './src',\r\n scrollOffset: 'header',\r\n ignoreDeadLinks: true,\r\n head: [['meta', { name: 'theme-color', content: '#3c8772' }]],\r\n themeConfig: {\r\n nav,\r\n sidebar,\r\n appearance: false, // 开启 light/dark 模式\r\n // Placeholder of the i18n config for @vuejs-translations.\r\n i18n,\r\n },\r\n\r\n markdown: {\r\n config(md) {\r\n md.use(demoBlockPlugin, {\r\n cssPreprocessor: 'less',\r\n scriptImports: [\r\n \"import * as AntDesignVue from 'ant-design-vue'\",\r\n ],\r\n scriptReplaces: [\r\n {\r\n searchValue: /import ({.*}) from 'ant-design-vue'/g,\r\n replaceValue: (s, s1) => `const ${s1} = AntDesignVue`\r\n },\r\n ]\r\n });\r\n }\r\n },\r\n\r\n vite: {\r\n server: {\r\n host: true,\r\n port: 3001,\r\n fs: {\r\n // for when developing with locally linked theme\r\n allow: ['../..']\r\n }\r\n },\r\n build: {\r\n chunkSizeWarningLimit: Infinity\r\n },\r\n json: {\r\n stringify: true\r\n },\r\n ssr: {\r\n noExternal: ['@wangeditor/editor', '@wangeditor/editor-for-vue', 'ant-design-vue', '@ant-design/icons-vue', '@babel/runtime']\r\n },\r\n plugins: [vueJsx()],\r\n css: {\r\n preprocessorOptions: {\r\n less: {\r\n javascriptEnabled: true\r\n }\r\n }\r\n }\r\n },\r\n\r\n vue: {\r\n reactivityTransform: path.resolve(__dirname, 'src')\r\n }\r\n});\r\n\r\n```\r\n\r\n### Expected behavior\r\n\r\nrender aside component\r\n\r\n### System Info\r\n\r\n\r\n`packages.json`\r\n```shell\r\n\r\n\"@babel/plugin-syntax-jsx\": \"^7.18.6\",\r\n \"@vitejs/plugin-vue\": \"^4.0.0\",\r\n \"@vitejs/plugin-vue-jsx\": \"^3.0.0\",\r\n \"@vue/babel-plugin-jsx\": \"^1.1.1\",\r\n \"@vue/compiler-sfc\": \"^3.0.4\",\r\n \"conventional-changelog-cli\": \"^2.1.0\",\r\n \"cross-env\": \"^7.0.2\",\r\n \"del\": \"^6.0.0\",\r\n \"gulp\": \"^4.0.2\",\r\n \"gulp-babel\": \"^8.0.0\",\r\n \"highlight.js\": \"^10.4.1\",\r\n \"less\": \"^4.1.2\",\r\n \"lint-staged\": \"^13.0.3\",\r\n \"prettier\": \"^2.7.1\",\r\n \"rimraf\": \"^3.0.0\",\r\n \"transliteration\": \"^2.2.0\",\r\n \"vitepress\": \"^1.0.0-alpha.63\",\r\n \"vitepress-plugin-search\": \"^1.0.4-alpha.17\",\r\n \"vitepress-theme-demoblock\": \"^2.0.0\"\r\n```\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3211],{"name":3212,"color":3213},"need more info","bdbefc",2157,"The Aside component is render nothing","2023-04-05T00:04:02Z","https://github.com/vuejs/vitepress/issues/2157",0.6918474,{"description":3220,"labels":3221,"number":3225,"owner":3155,"repository":3156,"state":3167,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### Describe the bug\n\nUsing the browser with resolution 1280px, there is an media query overlap for the toc \"On this page\" section.\r\n\r\nThe section is shown above and aside.\r\n\r\n\r\n\n\n### Reproduction\n\nSize browser to 1280px\n\n### Expected behavior\n\nThe top \"On this page\" section is hidden while shown aside.\n\n### System Info\n\n```sh\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor\r\n Memory: 5.87 GB / 15.95 GB\r\n Binaries:\r\n Node: 18.16.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 9.5.1 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 115.0.5790.99\r\n Edge: Spartan (44.22621.1992.0), Chromium (114.0.1823.82)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-beta.5 => 1.0.0-beta.5\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3222],{"name":3223,"color":3224},"theme","0754FB",2668,"Theme cosmetic issue showing \"On this page\" twice at 1280px breakpoint","2023-07-30T00:04:46Z","https://github.com/vuejs/vitepress/issues/2668",0.69326246,{"description":3231,"labels":3232,"number":3234,"owner":3155,"repository":3156,"state":3167,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### Describe the bug\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nMy partial theme configuration is as follows:\r\n\r\n```\r\nimport DefaultTheme from 'vitepress/theme'\r\nimport { nav } from './nav'\r\nimport { sidebar } from './sidebar'\r\n\r\nexport const themeConfig: DefaultTheme.Config = {\r\n logo: '/logo.jpg',\r\n outlineTitle: '目录', // 右侧边栏的大纲标题文本\r\n lastUpdatedText: '最后更新', // 最后更新时间文本, 需配置 lastUpdated 为 true\r\n docFooter: {\r\n prev: '上一页',\r\n next: '下一页'\r\n },\r\n // 编辑链接\r\n editLink: {\r\n pattern: 'https://github.com/Charles7c/charles7c.github.io/edit/main/repos/:path',\r\n text: '在 GitHub 上编辑此页面'\r\n },\r\n ...\r\n nav, // 导航栏\r\n sidebar // 侧边栏\r\n}\r\n```\r\n\r\n### Expected behavior\r\n\r\nShow the docFooter I set up.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics\r\n Memory: 3.69 GB / 13.87 GB\r\nBinaries:\r\n Node: 14.18.1 - D:\\Develop\\nodejs\\node.EXE\r\n Yarn: 1.22.17 - D:\\Develop\\nodejs\\node_global\\yarn.CMD\r\n npm: 6.14.15 - D:\\Develop\\nodejs\\npm.CMD\r\nBrowsers:\r\n Internet Explorer: 11.0.19041.906\r\nnpmPackages:\r\n vitepress: ^1.0.0-alpha.4 => 1.0.0-alpha.4\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.vuejs.org).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3233],{"name":3152,"color":3153},1031,"The theme's docFooter configuration is invalid","2022-07-21T06:11:08Z","https://github.com/vuejs/vitepress/issues/1031",0.69665575,{"description":3240,"labels":3241,"number":3243,"owner":3155,"repository":3156,"state":3167,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Describe the bug\r\n\r\nWhile scrolling long pages with disabled sidebar, the header shows just a border with the color of --vp-c-gutter.\r\n\r\nOther pages with sidebar uses a curtain to smoothly soft the edge.\r\n\r\nThis inkonsistent usage of scrolling directly feels strange. Maybe not notices so far, because Vitepress site does not seem to have page without sidebar.\r\n\r\n### Reproduction\r\n\r\nJust use a long page and add the following frontmatter to it\r\n\r\n---\r\naside: false\r\noutline: false\r\n---\r\n\r\nand start scrolling\r\n\r\n### Expected behavior\r\n\r\nScrolling should behave konsistent on sidebar less page\r\n\r\n### System Info\r\n\r\n```sh\r\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor\r\n Memory: 7.84 GB / 15.95 GB\r\n Binaries:\r\n Node: 18.16.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 9.5.1 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 116.0.5845.111\r\n Edge: Spartan (44.22621.2215.0), Chromium (116.0.1938.54)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.8 => 1.0.0-rc.8\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nMy current workaround inside custom.css:\r\n\r\nThese are the vp rules, but without ` .VPNavBar.has-sidebar` prefix.\r\n\r\n```css\r\n@media (min-width: 960px) {\r\n/* .VPNavBar.has-sidebar .curtain { */\r\n .VPNavBar .curtain {\r\n position: absolute;\r\n right: 0;\r\n bottom: -31px;\r\n /*width: calc(100% - var(--vp-sidebar-width));*/\r\n width: 100%;\r\n height: 32px;\r\n }\r\n}\r\n@media (min-width: 960px) {\r\n/* .VPNavBar.has-sidebar .curtain::before { */\r\n .VPNavBar .curtain::before {\r\n display: block;\r\n width: 100%;\r\n height: 32px;\r\n background: linear-gradient(var(--vp-c-bg), transparent 70%);\r\n content: \"\";\r\n }\r\n}\r\n```\r\nMaybe the final solution simply can be to remove `.has-sidebar` from code.\r\n\r\nAlso the default 'hard' gutter of #000000 disturbs a little bit the harmonic design.\r\n\r\nMy workaround solution is to use\r\n\r\n`--vp-c-gutter: transparent; `\r\n\r\nsince it is also used for the footer separation, and the visual separation is not nessassary for me.\r\n\r\nLive example usage on \r\n[btp.udina.de](https://btp.udina.de/about.html)\r\n\r\nBest regards\r\nHolger\r\n\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3242],{"name":3223,"color":3224},2864,"Theme does not use header curtain on pages without sidebar","2023-09-05T00:04:11Z","https://github.com/vuejs/vitepress/issues/2864",0.6991323,["Reactive",3249],{},["Set"],["ShallowReactive",3252],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f__-z3MiYlskDNNQMOTaGfZ-kWtIp-CduEuVPrwh2w94":-1},"/vuejs/vitepress/1915"]