@voidzero-dev/vitepress-theme 4.0.4 → 4.1.1

package/README.md

@@ -6,7 +6,7 @@ Shared VitePress theme for VoidZero projects, including Vite+, Vite, Vitest, Rol
 
 Make to sure to in latest commit
 
-1. Update version in `package.json`
+1. Update version in `package.json` and commit it (don't push yet)
 2. Add tag locally `git tag vx.y.z` (matching version in package.json)
 3. Push changes `git push origin`
 4. Push to remote `git push origin vx.y.z`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voidzero-dev/vitepress-theme",
-  "version": "4.0.4",
+  "version": "4.1.1",
   "description": "Shared VitePress theme for VoidZero projects",
   "type": "module",
   "license": "UNLICENSED",

package/src/components/oss/Footer.vue

@@ -95,8 +95,8 @@ const getSocialLabel = (social: SocialLink): string => {
              class="absolute inset-0 w-full h-full object-cover z-0"/>
         <div
             class="relative z-10 w-full sm:w-2xl flex flex-col justify-start items-center gap-5 px-5 sm:px-0 py-10 md:py-30 mx-auto">
-          <h2 class="text-center text-white text-balance">{{ heading }}</h2>
-          <p class="text-white max-w-md text-balance text-center">{{ subheading }}</p>
+          <h2 class="text-center text-white text-balance drop-shadow-md/70">{{ heading }}</h2>
+          <p class="text-white max-w-md text-balance text-center drop-shadow-md/70">{{ subheading }}</p>
           <a :href="buttonLink"
              class="button button--white mt-5">
             {{ buttonText }}

package/src/components/oss/Header.vue

@@ -197,8 +197,10 @@ onUnmounted(() => {
       <!-- Left side: Logo + Nav -->
       <div class="flex items-center gap-10">
         <a href="/" class="shrink-0">
+          <slot name="nav-bar-title-before" />
           <img class="h-4 block dark:hidden" :src="logoDark" :alt="logoAlt" />
           <img class="h-4 hidden dark:block" :src="logoLight" :alt="logoAlt" />
+          <slot name="nav-bar-title-after" />
         </a>
 
         <!-- Desktop navigation -->

package/src/components/oss/TopBanner.vue

@@ -62,11 +62,11 @@ function dismiss() {
       <div class="relative z-10 w-full h-10 flex px-4">
         <div class="flex items-center gap-2 w-full max-w-360 mx-auto px-4">
           <!-- Left: Variant icon -->
-          <img :src="monoIcon" :alt="`${logoAlt} icon`" class="w-5 h-5 shrink-0 hidden sm:block" />
+          <img :src="monoIcon" :alt="`${logoAlt} icon`" class="w-5 h-5 shrink-0 hidden sm:block drop-shadow-md/70" />
 
           <!-- Text -->
           <span
-            class="text-xs font-medium font-mono leading-snug tracking-wide uppercase whitespace-nowrap overflow-hidden text-ellipsis">
+            class="text-xs font-medium font-mono leading-snug tracking-wide uppercase whitespace-nowrap overflow-hidden text-ellipsis text-shadow-md/50">
             {{ bannerText }}
           </span>
 

package/src/components/vitepress-default/Layout.vue

@@ -34,7 +34,10 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists })
     <slot name="layout-top" />
     <VPSkipLink />
     <VPBackdrop class="backdrop" :show="isSidebarOpen" @click="closeSidebar" />
-    <OSSHeader />
+    <OSSHeader>
+      <template #nav-bar-title-before><slot name="nav-bar-title-before" /></template>
+      <template #nav-bar-title-after><slot name="nav-bar-title-after" /></template>
+    </OSSHeader>
 
     <div class="flex flex-col min-h-screen">
       <!-- Content wrapper with borders -->
@@ -154,15 +157,20 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists })
   position: relative;
   margin: 0 auto;
   width: 100%;
-  max-width: calc(100vw - 2rem);
-  border-left: 1px solid var(--color-stroke);
-  border-right: 1px solid var(--color-stroke);
 }
 
 .dark .content-wrapper {
   border-color: var(--color-nickel);
 }
 
+@media (min-width: 768px) {
+  .content-wrapper {
+    max-width: calc(100vw - 2rem);
+    border-left: 1px solid var(--color-stroke);
+    border-right: 1px solid var(--color-stroke);
+  }
+}
+
 @media (min-width: 90rem) {
   .content-wrapper {
     max-width: 90rem;

package/src/components/vitepress-default/VPDoc.vue

@@ -114,7 +114,6 @@ const pageName = computed(() =>
 .container {
   margin: 0 auto;
   width: 100%;
-  overflow-x: clip;
 }
 
 .aside {

package/src/layouts/VPLayout.vue

@@ -44,7 +44,10 @@ const useVPLayout = computed(() => {
   </div>
   <div v-else class="marketing-layout" :data-theme="frontmatter.theme" :data-variant="variant">
     <TopBanner />
-    <OSSHeader />
+    <OSSHeader>
+      <template #nav-bar-title-before><slot name="nav-bar-title-before" /></template>
+      <template #nav-bar-title-after><slot name="nav-bar-title-after" /></template>
+    </OSSHeader>
     <Content />
   </div>
 </template>

package/src/styles/marketing.css

@@ -53,7 +53,7 @@
 
     /* Marketing component classes - prefixed with .vz- to avoid conflicts */
     .wrapper {
-        @apply max-w-[calc(100vw-2rem)] min-[90rem]:max-w-[90rem] mx-auto border-l border-r border-stroke dark:border-nickel divide-stroke dark:divide-nickel relative overflow-x-clip;
+        @apply md:max-w-[calc(100vw-2rem)] min-[90rem]:max-w-[90rem] mx-auto md:border-l md:border-r border-stroke dark:border-nickel divide-stroke dark:divide-nickel relative overflow-x-clip;
     }
 
     .wrapper--ticks::before, .tick-left::before {

package/src/styles/vitepress-default/components/vp-code-group.css

@@ -94,3 +94,13 @@
 .vp-block {
   padding: 20px 24px;
 }
+
+.vp-code-block-title > .vp-code-block-title-bar {
+  border-radius: 0;
+}
+
+@media (min-width: 640px) {
+  .vp-code-block-title > .vp-code-block-title-bar {
+    border-radius: 8px 8px 0 0;
+  }
+}

package/src/styles/vitepress-default/components/vp-doc.css

@@ -285,6 +285,11 @@
 }
 
 @media (max-width: 639px) {
+  .vp-doc div[class*='language-'],
+  .vp-block {
+    margin: 16px -24px;
+  }
+
   .vp-doc li div[class*='language-'] {
     border-radius: 8px 0 0 8px;
   }