valaxy-theme-yun 0.21.0 → 0.21.1

package/App.vue

@@ -61,7 +61,7 @@ const isDev = import.meta.env.DEV
   <YunPageHeaderGradient />
   <YunNavMenu />
 
-  <YunFullscreenMenu v-if="yun.isNimbo" />
+  <YunFullscreenMenu v-if="yun.isNimbo && !yun.size.isSm" />
   <YunStratoSidebar v-if="yun.isStrato" />
 
   <YunFireworks v-if="themeConfig.fireworks.enable" />

package/components/ValaxyMain.vue

@@ -5,11 +5,15 @@ import { onClickHref, onContentUpdated, scrollTo, usePostTitle, useSiteConfig }
 import { computed, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { usePostProperty } from '../composables'
+import { useYunAppStore } from '../stores'
 
 const props = defineProps<{
   frontmatter: Post
   data?: PageData
 }>()
+
+const yun = useYunAppStore()
+
 const siteConfig = useSiteConfig()
 
 const { styles, icon, color } = usePostProperty(props.frontmatter.type)
@@ -91,6 +95,8 @@ onContentUpdated(() => {
           <YunComment :class="frontmatter.nav === false ? 'mt-4' : 0" />
         </slot>
 
+        <YunAdBoard v-if="!yun.size.isLg" class="mt-4" />
+
         <slot name="main-footer-before" />
         <slot name="main-footer-after" />
       </div>

package/components/YunFullscreenMenu.vue

@@ -14,7 +14,7 @@ const app = useAppStore()
     <div
       v-if="yunApp.fullscreenMenu.isOpen"
       ref="fullscreenMenuRef"
-      p="t-20 md:t-26"
+      p="t-12 md:t-20"
       class="yun-fullscreen-menu fixed left-0 right-0 bottom-0 top-0 bg-$va-c-bg-soft z-$yun-z-fullscreen-menu overflow-auto"
     >
       <!-- <div v-if="app.isMobile" class="flex-center gap-2">
@@ -22,19 +22,18 @@ const app = useAppStore()
         <YunToggleLocale v-if="app.showToggleLocale" />
       </div> -->
 
-      <div v-if="!yunApp.size.isLg" class="my-4">
-        <YunSiteInfo class="text-center" />
+      <!-- <YunFullscreenMenuList /> -->
+      <YunSiteInfo class="text-center" />
+      <YunGradientDivider class="my-2 op-20" />
+      <YunPostsInfo />
+      <YunGradientDivider class="my-2 op-20" />
+      <YunSocialLinks />
+      <YunGradientDivider class="my-2 op-20" />
+      <YunSidebarLinks />
 
-        <YunGradientDivider class="my-2 op-20" />
-
-        <YunPostsInfo />
-      </div>
       <YunGradientDivider v-if="!yunApp.size.isLg" class="my-2 op-20" />
 
-      <YunFullscreenMenuList />
-
-      <YunGradientDivider v-if="!yunApp.size.isLg" class="my-2 op-20" />
-      <div v-if="!yunApp.size.isLg" class="flex-center">
+      <div class="flex-center">
         <YunConfig />
       </div>
     </div>

package/components/YunPostCard.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { Post } from 'valaxy'
+import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { usePostProperty } from '../composables'
 
@@ -9,7 +10,15 @@ const props = defineProps<{
 
 const { t } = useI18n()
 
-const { icon, styles } = usePostProperty(props.post.type)
+const { icon, styles, color } = usePostProperty(props.post.type)
+
+const gradientClasses = ref('bg-gradient-to-r gradient-text from-$va-c-primary to-$va-c-primary-lighter')
+const postTitleClass = computed(() => {
+  if (color) {
+    return ''
+  }
+  return props.post.postTitleClass || gradientClasses.value
+})
 </script>
 
 <template>
@@ -35,9 +44,12 @@ const { icon, styles } = usePostProperty(props.post.type)
           class="post-title-link cursor-pointer"
           :to="post.path || ''"
           m="t-3"
-          :class="post.postTitleClass"
+          :class="postTitleClass"
         >
-          <div class="flex-center title text-2xl" text="center" font="serif black">
+          <div
+            class="flex-center title text-2xl"
+            text="center" font="serif black"
+          >
             <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />
             <span>{{ post.title }}</span>
           </div>

package/components/menu/YunNavMenuItem.vue

@@ -1,22 +1,17 @@
 <script setup lang="ts">
-import { useRouter } from 'vue-router'
-
 defineProps<{
   icon: string
   to?: string
 }>()
-
-const router = useRouter()
 </script>
 
 <template>
-  <div
-    class="size-12 inline-flex-center cursor-pointer z-$yun-z-nav-menu"
-    text="$va-c-text"
+  <AppLink
+    class="size-12 inline-flex-center cursor-pointer z-$yun-z-nav-menu text-$va-c-text"
     hover="bg-white/80 dark:bg-black/80 op-100"
     op-80
-    @click="to && router.push(to)"
+    :to="to"
   >
     <div class="size-6" :class="icon" />
-  </div>
+  </AppLink>
 </template>

package/components/site/YunSiteTitle.vue

@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router'
 const router = useRouter()
 const siteConfig = useSiteConfig()
 
-const classes = ref('site-name clip text-lg leading-loose bg-gradient-to-r gradient-text from-#1e3c72 to-dark dark:(from-#66a6ff to-blue-500)')
+const classes = ref('site-name text-lg leading-loose bg-gradient-to-r gradient-text from-#1e3c72 to-dark dark:(from-#66a6ff to-blue-500)')
 </script>
 
 <template>

package/components/theme/nimbo/YunNimboNavMenu.vue

@@ -48,7 +48,7 @@ const app = useAppStore()
       <!--  -->
       <div class="inline-flex justify-start items-center flex-1">
         <ValaxyHamburger
-          v-if="!yunApp.size.isMd"
+          v-if="!yunApp.size.isSm"
           :active="yunApp.fullscreenMenu.isOpen"
           class="menu-btn sidebar-toggle leading-4 size-12"
           inline-flex cursor="pointer"
@@ -57,7 +57,7 @@ const app = useAppStore()
           @click="yunApp.fullscreenMenu.toggle()"
         />
         <YunNavMenuItem icon="i-ri-home-4-line" to="/" />
-        <template v-if="yunApp.size.isMd">
+        <template v-if="yunApp.size.isSm">
           <YunNavMenuItem
             icon="i-ri-article-line" to="/posts/"
             title="博客文章"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "valaxy-theme-yun",
   "type": "module",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -33,7 +33,7 @@
   "devDependencies": {
     "@types/animejs": "^3.1.12",
     "valaxy-addon-waline": "0.2.0",
-    "valaxy": "0.21.0"
+    "valaxy": "0.21.1"
   },
   "scripts": {
     "release": "bumpp && pnpm publish"