fix: 回滚博客头部collapse结构

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 with the WordPress Argon collapse container', async () => {
     await router.push('/');
     await router.isReady();
 
@@ -136,7 +136,7 @@ describe('App', () => {
       },
     });
 
-    expect(wrapper.find('.kt-blog__header-collapse').exists()).toBe(false);
+    expect(wrapper.find('.kt-blog__header-collapse').exists()).toBe(true);
     expect(wrapper.find('.kt-blog__header-nav').exists()).toBe(true);
   });
 

src/components/blog/BlogHeader.tsx

@@ -88,6 +88,24 @@ export default defineComponent({
                 </RouterLink>
               </div>
 
+              <div class="kt-blog__header-collapse">
+                <div class="kt-blog__header-collapse-head">
+                  <div class="kt-blog__header-mobile-search">
+                    <div class="kt-blog__input-group">
+                      <div class="kt-blog__input-addon-wrap">
+                        <span class="kt-blog__input-addon">
+                          <SearchOutlined />
+                        </span>
+                      </div>
+                      <BlogInput
+                        class="kt-blog__header-mobile-search-input kt-blog__input"
+                        placeholder="搜索什么..."
+                        autocomplete="off"
+                      />
+                    </div>
+                  </div>
+                </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">
@@ -145,6 +163,7 @@ export default defineComponent({
                     </div>
                   </li>
                 </ul>
+              </div>
 
               <div class="kt-blog__header-menu-mask" />
               <BlogButton

src/styles/toolbar.scss

@@ -46,10 +46,11 @@
     font-weight: 700;
   }
 
-  &__header-nav--hover {
+  &__header-collapse {
     display: flex;
     flex: 1;
     align-items: center;
+    justify-content: space-between;
   }
 
   &__header-nav {