feat: add header-actions-extra slot

yuntijs · Aug 13, 2024 · 24e78c2 · 24e78c2
1 parent 54764a9
commit 24e78c2
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/slots/Header/index.tsx b/src/slots/Header/index.tsx
@@ -14,7 +14,7 @@ import LangSwitch from './LangSwitch';
 import ThemeSwitch from './ThemeSwitch';
 
 const Header = memo(() => {
-  const hasHeader = useSiteStore((s) => Boolean(s.routeMeta.frontmatter));
+  const hasHeader = useSiteStore(s => Boolean(s.routeMeta.frontmatter));
 
   const { mobile } = useResponsive();
   if (!hasHeader) return;
@@ -23,13 +23,17 @@ const Header = memo(() => {
     <Head
       actions={
         mobile ? (
-          <ThemeSwitch />
+          <>
+            <ThemeSwitch />
+            <div id="header-actions-extra"></div>
+          </>
         ) : (
           <>
             <SearchBar /> <LangSwitch />
             <GithubButton />
             <DiscordButton />
             <ThemeSwitch />
+            <div id="header-actions-extra"></div>
           </>
         )
       }