Merge pull request #318 from EpicsDAO/improve-doc

always show header when user on top
EpicsDAO · Oct 17, 2024 · adaab62 · adaab62
2 parents 04aa462 + 3179bcf
commit adaab62
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/website/solv-epics-dev/src/app/[locale]/layout.tsx b/website/solv-epics-dev/src/app/[locale]/layout.tsx
@@ -42,7 +42,11 @@ export default async function LocaleLayout({
         className={cn(`${inter.variable} ${notoSansJP.variable}`)}
         suppressHydrationWarning
       >
-        <ThemeProvider attribute="class" defaultTheme="dark">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem={false}
+        >
           <NextIntlClientProvider messages={messages}>
             {children}
             <Toaster />

diff --git a/website/solv-epics-dev/src/components/config/ModeToggle.tsx b/website/solv-epics-dev/src/components/config/ModeToggle.tsx
@@ -39,9 +39,6 @@ export function ModeToggle() {
         <DropdownMenuItem onClick={() => setTheme('dark')}>
           {t('common.darkMode')}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('system')}>
-          {t('common.systemMode')}
-        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   )

diff --git a/website/solv-epics-dev/src/hooks/utils/useShowHeader.tsx b/website/solv-epics-dev/src/hooks/utils/useShowHeader.tsx
@@ -14,7 +14,7 @@ export function useShowHeader({ defaultShowHeader = true }: Props = {}) {
     const handleScroll = () => {
       const currentScrollY = window.scrollY
 
-      if (currentScrollY < lastScrollY) {
+      if (currentScrollY < 80 || currentScrollY < lastScrollY) {
         setShowHeader(true)
       } else {
         setShowHeader(false)