feat(theme-yun): add gradient text title

YunYouJun · Dec 13, 2024 · e5b1c2e · e5b1c2e
1 parent 4b2d2af
commit e5b1c2e
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 22 deletions.
diff --git a/packages/valaxy-theme-yun/App.vue b/packages/valaxy-theme-yun/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" />

diff --git a/packages/valaxy-theme-yun/components/YunFullscreenMenu.vue b/packages/valaxy-theme-yun/components/YunFullscreenMenu.vue
@@ -22,24 +22,18 @@ const app = useAppStore()
         <YunToggleLocale v-if="app.showToggleLocale" />
       </div> -->
 
-      <div v-if="!yunApp.size.isLg">
-        <YunSiteInfo class="text-center" />
-
-        <YunGradientDivider class="my-2 op-20" />
-
-        <YunPostsInfo />
-      </div>
-
-      <YunGradientDivider v-if="!yunApp.size.isLg" class="my-2 op-20" />
-
+      <!-- <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 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>

diff --git a/packages/valaxy-theme-yun/components/YunPostCard.vue b/packages/valaxy-theme-yun/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>

diff --git a/packages/valaxy-theme-yun/components/site/YunSiteTitle.vue b/packages/valaxy-theme-yun/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>

diff --git a/packages/valaxy-theme-yun/components/theme/nimbo/YunNimboNavMenu.vue b/packages/valaxy-theme-yun/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="博客文章"

diff --git a/packages/valaxy/node/server.ts b/packages/valaxy/node/server.ts
@@ -26,7 +26,7 @@ export async function createServer(
   serverSpinner.text = getServerInfoText('init vite plugins ..')
   const plugins = await ViteValaxyPlugins(valaxyApp, serverOptions)
   // dynamic import to avoid bundle it in build
-  const enableDevtools = options.mode === 'dev' && options.config.devtools
+  const enableDevtools = options.config.devtools
   const vitePlugins = [
     ...plugins,
   ]