valaxy-theme-hairy 0.2.1 → 0.2.2

package/components/HairyNav.vue

@@ -20,13 +20,13 @@ const show = computed(() => {
 </script>
 
 <template>
-  <div class="HairyNav fixed w-full h-3.125rem top-0 z-20 opacity-0 transition-opacity duration-200" :class="[show && 'opacity-100']">
-    <div class="mx-auto breakpoint flex relative z-1">
+  <div class="HairyNav fixed w-full h-3.125rem lt-sm:h-3.5rem top-0 z-20 opacity-0 transition-opacity duration-200" :class="[show && 'opacity-100']">
+    <div class="mx-auto breakpoint flex relative z-1 h-full">
       <div class="flex items-center lt-sm:order-1 lt-sm:flex-1 justify-center">
         <HairyNavTitle />
       </div>
       <div class="flex items-center sm:flex-1">
-        <HairyNavMenu class="sm:hidden pl-3 pr-12" />
+        <HairyNavMenu class="sm:hidden pl-2 pr-13" />
         <HairyMenu class="lt-sm:hidden" />
       </div>
       <div class="flex-center order-1">

package/components/HairyNavMenu.vue

@@ -5,7 +5,7 @@ const { drawerShow } = useContext()
 </script>
 
 <template>
-  <button class="yun-icon-btn" @click="drawerShow = true">
+  <button class="yun-icon-btn lt-sm:text-size-xl" @click="drawerShow = true">
     <div i="ri-menu-fill" />
   </button>
 </template>

package/components/HairyNavSearch.vue

@@ -56,7 +56,7 @@ function load() {
         class="DocSearch DocSearch-Button"
         aria-label="Search"
       >
-        <span class="DocSearch-Button-Container">
+        <span class="DocSearch-Button-Container lt-sm:text-size-xl">
           <svg
             class="DocSearch-Search-Icon"
             width="20"
@@ -173,8 +173,8 @@ function load() {
 
 .DocSearch-Button .DocSearch-Search-Icon {
   position: relative;
-  width: 16px;
-  height: 16px;
+  width: 1em;
+  height: 1em;
   color: var(--hy-c-text-1);
   fill: currentColor;
   transition: color 0.5s;

package/components/HairyNavToggleDark.vue

@@ -10,7 +10,7 @@ const themeTitle = computed(() => {
 </script>
 
 <template>
-  <button class="yun-icon-btn bg-light-1 p-1 dark:bg-transparent rounded-5" :title="themeTitle" :style="{ color: isDark ? '' : '#f1cb64' }" @click="toggleDark()">
+  <button class="yun-icon-btn bg-light-1 p-1 dark:bg-transparent rounded-5 lt-sm:text-size-xl" :title="themeTitle" :style="{ color: isDark ? '' : '#f1cb64' }" @click="toggleDark()">
     <div i="ri-sun-line dark:ri-moon-line" />
   </button>
 </template>

package/components/HairyUserPopup.vue

@@ -1,13 +1,22 @@
 <script lang="ts" setup>
-import { ElDrawer } from 'element-plus/es/components/drawer/index'
 import 'element-plus/es/components/drawer/style/index'
+import { ElDrawer } from 'element-plus/es/components/drawer/index'
+import { useRoute } from 'vue-router'
+import { computed, watch } from 'vue'
 import { useContext } from '../hooks/useContext'
 const { drawerShow } = useContext()
+const route = useRoute()
+const isPost = computed(() => route.fullPath.includes('/posts/'))
+
+watch(() => route.fullPath, () => {
+  drawerShow.value = false
+})
 </script>
 
 <template>
-  <el-drawer v-model="drawerShow" size="auto" @close="drawerShow = false">
-    <HairyUserCard />
+  <el-drawer v-model="drawerShow" direction="ltr" size="auto" @close="drawerShow = false">
+    <HairyUserTab v-if="isPost" />
+    <HairyUserCard v-else />
     <div class="dark:hidden absolute inset-0 bg-white bg-opacity-85 blur-5" />
   </el-drawer>
 </template>
@@ -15,21 +24,21 @@ const { drawerShow } = useContext()
 <style lang="scss">
   .el-drawer {
     .el-drawer__header {
-      position: relative;
-      z-index: 1;
+      display: none;
     }
 
     background-color: transparent;
     .el-icon.el-drawer__close {
       font-size: 24px;
     }
-    @media (max-width: 420px) {
+    @media (max-width: 375px) {
       width: 100% !important;
     }
   }
   .dark {
     .el-drawer {
       background: radial-gradient(black, transparent);
+
     }
   }
 </style>

package/components/lib/fish.js

@@ -140,7 +140,8 @@ class RENDERER {
     if (index < 0 || index >= this.points.length)
       return
 
-    this.points[index].interfere(y, velocity)
+    if (this.points[index])
+      this.points[index].interfere(y, velocity)
   }
 
   reverseVertical() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-hairy",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "packageManager": "pnpm@7.5.0",
   "author": {
     "email": "wwu710632@gmail.com",