Update: 更新主题细节

Author: T-miracle

.vitepress/sidebar/bugs.ts

@@ -21,7 +21,7 @@ const bugsSidebar: SidebarType[] = [
     {
         icon: webIcon,
         text: '前端',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: htmlIcon,
@@ -91,7 +91,7 @@ const bugsSidebar: SidebarType[] = [
     {
         icon: editorIcon,
         text: '编辑器',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: androidStudioIcon,

.vitepress/sidebar/learn.ts

@@ -32,7 +32,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: webIcon,
         text: '前端',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: conceptIcon,
@@ -99,7 +99,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: rearEndIcon,
         text: '后端',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: javaIcon,
@@ -131,7 +131,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: sqlIcon,
         text: '数据库',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: mySQLIcon,
@@ -144,7 +144,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: deployIcon,
         text: '部署',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: dockerIcon,
@@ -157,7 +157,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: versionControlIcon,
         text: '版本控制',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: gitIcon,
@@ -203,7 +203,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: editorIcon,
         text: '编辑器',
-        collapsed: false,
+        collapsed: true,
         items: [
             {
                 icon: ideaIcon,

.vitepress/sidebar/newTools.ts

@@ -11,7 +11,7 @@ const newToolsSidebar: SidebarType[] = [
                 link: '/new-tools/docker_install_artalk'
             },
             {
-                text: 'README 说明文件美化教程',
+                text: 'Github README 说明文件美化教程',
                 link: '/new-tools/readme_beautify'
             }
         ]

package/components/NanoActionBarButton/index.vue

@@ -11,8 +11,8 @@
     >
         <Component
             :is="button.icon"
-            class="w-full h-full fill-[#A0A3AD]"
-            :class="{ 'group-hover:fill-[#FFFFFF]' : !disabled }"
+            class="w-full h-full fill-[#A0A3AD] group-focus:fill-[#FFFFFF]!"
+            :class="{ 'group-hover:fill-[#A0A3AD]' : !disabled }"
         />
     </button>
 </template>

package/components/NanoMain/index.vue

@@ -114,13 +114,7 @@
                 return;
             }
             // Gets the distance of the target element relative to the top of the article viewport
-            const targetTop =
-                target.getBoundingClientRect().top -
-                article.value!.getBoundingClientRect().top -
-                Number.parseInt(
-                    getComputedStyle(document.documentElement)
-                        .fontSize.replace('px', '')
-                );
+            const targetTop = target.getBoundingClientRect().top - article.value!.getBoundingClientRect().top;
             // Scroll to target element
             scrollbars.value?.osInstance()?.elements()?.viewport?.scrollTo({ top: targetTop, behavior: 'smooth' });
         });

src/new-tools/readme_beautify.md

@@ -1,10 +1,16 @@
 ---
-lastUpdated: 2023/9/17 02:12
+lastUpdated: 2025/1/16 21:24
 ---
 
-# README 说明文件美化教程
+<style scoped>
+    img {
+        box-shadow: unset !important;
+    }
+</style>
 
-可能你经常看到别人的项目说明文档写的格式整齐又美观，而且还有各种图标展示
+# Github README 说明文件美化教程
+
+可能你经常看到别人的 Github 项目说明文档写的格式整齐又美观，而且还有各种图标展示
 
 而自己的说明文档缺只有干巴巴的文字，显得奇丑无比