fix: 移除博客头部隐藏导航容器

src/__tests__/App.spec.ts

@@ -126,7 +126,7 @@ describe('App', () => {
     expect(wrapper.text()).toContain('KwiTsukasa的小站');
   });
 
-  it('renders Argon header without the old collapse container', async () => {
+  it('renders Argon header without hidden navigation containers', async () => {
     await router.push('/');
     await router.isReady();
 
@@ -137,7 +137,8 @@ describe('App', () => {
     });
 
     expect(wrapper.find('.kt-blog__header-collapse').exists()).toBe(false);
-    expect(wrapper.find('.kt-blog__header-nav').exists()).toBe(true);
+    expect(wrapper.find('.kt-blog__header-navbar .kt-blog__header-nav').exists()).toBe(false);
+    expect(wrapper.find('.kt-blog__header-navbar .navbar-nav').exists()).toBe(false);
   });
 
   it('loads local blog theme config by default', async () => {

src/components/blog/BlogHeader.tsx

@@ -88,29 +88,6 @@ export default defineComponent({
                 </RouterLink>
               </div>
 
-              <ul class="kt-blog__header-nav kt-blog__header-nav--hover">
-                {siteConfig.value.headerMenu.map((item) => (
-                  <li key={item.label} class="kt-blog__header-nav-item">
-                    {item.external ? (
-                      <a
-                        class="kt-blog__header-nav-link"
-                        href={item.href}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        {item.label}
-                      </a>
-                    ) : (
-                      <RouterLink class="kt-blog__header-nav-link" to={item.href}>
-                        {item.label}
-                      </RouterLink>
-                    )}
-                  </li>
-                ))}
-              </ul>
-
-              <ul class="kt-blog__header-nav kt-blog__header-nav--end">
-                <li class="kt-blog__header-search-item">
               <div
                 class={['kt-blog__header-search', navSearchOpen.value && 'kt-blog__header-search--open']}
                 onClick={() => {
@@ -143,8 +120,6 @@ export default defineComponent({
                   />
                 </div>
               </div>
-                </li>
-              </ul>
 
               <div class="kt-blog__header-menu-mask" />
               <BlogButton

src/styles/responsive.scss

@@ -31,7 +31,6 @@
       padding: 0 16px;
     }
 
-    &__header-nav--hover,
     &__header-search {
       display: none;
     }

src/styles/toolbar.scss

@@ -46,34 +46,9 @@
     font-weight: 700;
   }
 
-  &__header-nav--hover {
-    display: flex;
-    flex: 1;
-    align-items: center;
-  }
-
-  &__header-nav {
-    display: flex;
-    align-items: center;
-    gap: 18px;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  &__header-nav-link {
-    color: rgba(238, 238, 238, 0.78);
-    font-size: 14px;
-
-    &:hover,
-    &[aria-current='page'] {
-      color: var(--argon-title);
-    }
-  }
-
   &__header-search {
     width: 40px;
-    margin: 0;
+    margin: 0 0 0 auto;
     cursor: pointer;
     transition:
       width 0.42s cubic-bezier(0.4, 0, 0, 1),
@@ -222,7 +197,6 @@
   &__header-navbar--ontop,
   &:not(.kt-blog--no-banner) &__header-navbar {
     .kt-blog__header-title,
-    .kt-blog__header-nav-link,
     .kt-blog__header-search:not(.kt-blog__header-search--open) .kt-blog__input-addon,
     .kt-blog__header-search.kt-blog__header-search--open .kt-blog__input-addon {
       color: rgba(255, 255, 255, 0.92);