添加主页logo，优化移动端大纲栏毛玻璃效果

KarinJS · Aug 14, 2024 · 0a5229b · 0a5229b
1 parent fb82218
commit 0a5229b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 22 deletions.
diff --git a/docs/.vitepress/theme/style/blur.css b/docs/.vitepress/theme/style/blur.css
@@ -60,33 +60,20 @@
     }
   }
 
-  @media (min-width: 960px) {
-
-    .VPLocalNav.has-sidebar {
-      background-color: rgba(255, 255, 255, 0);
-      backdrop-filter: blur(10px);
-    }
+  /* 搜索框 VPNavBarSearchButton.vue */
+  .DocSearch-Button {
+    background-color: rgba(255, 255, 255, 0);
+    backdrop-filter: blur(10px);
   }
 
-  /** 移动端 */
-  @media (max-width: 960px) {
-    .VPLocalNav {
-      position: sticky;
-      top: 0;
-      left: 0;
-      z-index: var(--vp-z-index-local-nav);
-      border-bottom: 1px solid var(--vp-c-gutter);
-      padding-top: var(--vp-layout-top-height, 0px);
-      width: 100%;
-      background-color: rgba(255, 255, 255, 0);
-      backdrop-filter: blur(10px);
-    }
-  }
 
-  /* 搜索框 VPNavBarSearchButton.vue */
-  .DocSearch-Button {
+  /* 移动端大纲栏 */
+  .VPLocalNav {
     background-color: rgba(255, 255, 255, 0);
     backdrop-filter: blur(10px);
+    /* 隐藏分割线 */
+    /* border-bottom: 5px solid var(--vp-c-gutter); */
+    border-bottom: 0px;
   }
 
 }
diff --git a/docs/index.md b/docs/index.md
@@ -5,6 +5,8 @@ hero:
   name: Karin
   # text: 高性能、轻量级、易扩展
   tagline: 基于 Kritor 标准进行开发的 Node.js 机器人框架
+  image:
+    src: /logo-2.png
   actions:
     - theme: brand
       text: 快速上手

diff --git a/docs/public/logo-2.png b/docs/public/logo-2.png