valaxy-theme-yun 0.14.45 → 0.14.46

package/components/YunLayoutPostTag.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+defineProps<{
+  title: string
+  count: number
+}>()
+</script>
+
+<template>
+  <span
+    inline-flex my="2" p="1"
+    class="post-tag cursor-pointer items-baseline leading-4"
+  >
+    <span inline-flex>#{{ title }}</span>
+    <span inline-flex text="xs">[{{ count }}]</span>
+  </span>
+</template>

package/components/YunPageHeader.vue

@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <header class="post-header" m="t-4">
+  <header class="post-header" m="t-16 sm:t-6">
     <h1
       class="post-title flex-center" p="2" text="2xl center"
       font="serif black" :style="`color:${color}`"

package/components/YunPostCollapse.vue

@@ -41,7 +41,7 @@ const sortedYears = computed(() => {
 </script>
 
 <template>
-  <div class="post-collapse px-10 lt-sm:px-5">
+  <div class="post-collapse px-10 lt-sm:px-5" relative>
     <div w="full" text="center" class="yun-text-light" p="2">
       {{ t('counter.archives', posts.length) }}
     </div>
@@ -54,18 +54,21 @@ const sortedYears = computed(() => {
     </div>
 
     <div v-for="year in sortedYears" :key="year" m="b-6">
-      <div class="collection-title">
+      <div class="collection-title" m-0 relative>
         <h2 :id="`#archive-year-${year}`" class="archive-year" text="4xl" p="y-2">
           {{ year }}
         </h2>
       </div>
 
-      <article v-for="post, j in sortByDate(postListByYear[year], isDesc)" :key="j" class="post-item">
-        <header class="post-header">
+      <article
+        v-for="post, j in sortByDate(postListByYear[year], isDesc)" :key="j"
+        class="post-item" relative
+      >
+        <header class="post-header" flex items-center relative>
           <div class="post-meta">
             <time v-if="post.date" class="post-time" font="mono" opacity="80">{{ formatDate(post.date, 'MM-DD') }}</time>
           </div>
-          <h2 class="post-title" font="serif black">
+          <h2 class="post-title" inline-flex items-center font="serif black">
             <router-link :to="post.path || ''" class="post-title-link">
               {{ post.title }}
             </router-link>
@@ -78,16 +81,7 @@ const sortedYears = computed(() => {
 
 <style lang="scss">
 .post-collapse {
-  position: relative;
-
-  &-title {
-    font-size: 2rem;
-    text-align: center;
-  }
-
   .collection-title {
-    position: relative;
-    margin: 0;
     border-bottom: 2px solid rgba(var(--va-c-primary-rgb), 0.6);
 
     &::before {
@@ -119,8 +113,6 @@ const sortedYears = computed(() => {
   }
 
   .post-item {
-    position: relative;
-
     &::before {
       content: '';
       position: absolute;
@@ -131,12 +123,7 @@ const sortedYears = computed(() => {
   }
 
   .post-header {
-    display: flex;
-    align-items: center;
-
-    position: relative;
     border-bottom: 1px solid rgba(var(--va-c-primary-rgb), 0.3);
-    display: flex;
 
     &::before {
       content: '';
@@ -162,8 +149,6 @@ const sortedYears = computed(() => {
       margin-left: 0.1rem;
       padding: 0;
       font-size: 1rem;
-      display: inline-flex;
-      align-items: center;
 
       .post-title-link {
         .icon {
@@ -181,10 +166,4 @@ const sortedYears = computed(() => {
     }
   }
 }
-
-.last-word {
-  font-size: 1rem;
-  margin-top: 1rem;
-  margin-bottom: 0;
-}
 </style>

package/components/YunSidebarNav.vue

@@ -31,9 +31,9 @@ const tags = useTags()
       <span class="count">{{ Array.from(tags).length }}</span>
     </router-link>
 
-    <app-link class="site-link-item yun-icon-btn" :to="themeConfig.menu.custom.url" :title="t(themeConfig.menu.custom.title)">
+    <AppLink class="site-link-item yun-icon-btn" :to="themeConfig.menu.custom.url" :title="t(themeConfig.menu.custom.title)">
       <div :class="themeConfig.menu.custom.icon" />
-    </app-link>
+    </AppLink>
   </nav>
 </template>
 

package/layouts/tags.vue

@@ -72,15 +72,14 @@ const title = usePostTitle(frontmatter)
       </div>
 
       <div class="justify-center items-end" flex="~ wrap" gap="1">
-        <span
+        <YunLayoutPostTag
           v-for="[key, tag] in Array.from(tags).sort()"
           :key="key"
-          inline-flex my="2"
-          class="post-tag cursor-pointer items-baseline leading-4" :style="getTagStyle(tag.count)" p="1" @click="displayTag(key.toString())"
-        >
-          <span inline-flex>#{{ key }}</span>
-          <span inline-flex text="xs">[{{ tag.count }}]</span>
-        </span>
+          :title="key"
+          :count="tag.count"
+          :style="getTagStyle(tag.count)"
+          @click="displayTag(key.toString())"
+        />
       </div>
 
       <router-view />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.14.45",
+  "version": "0.14.46",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -17,13 +17,13 @@
   "main": "node/index.ts",
   "types": "types/index.d.ts",
   "dependencies": {
-    "@iconify-json/ant-design": "^1.1.6",
-    "@iconify-json/simple-icons": "^1.1.61",
+    "@iconify-json/ant-design": "^1.1.8",
+    "@iconify-json/simple-icons": "^1.1.64",
     "animejs": "^3.2.1",
     "valaxy-addon-waline": "0.1.0"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.7",
-    "valaxy": "0.14.45"
+    "valaxy": "0.14.46"
   }
 }