fix: optimize

Signed-off-by: Innei <i@innei.in>
Innei · Jul 8, 2023 · 2c69af6 · 2c69af6 · vercel · Jul 8, 2023
1 parent c323e03
commit 2c69af6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/components/layout/header/internal/HeaderContent.tsx b/src/components/layout/header/internal/HeaderContent.tsx
@@ -13,6 +13,7 @@ import { usePathname } from 'next/navigation'
 import type { IHeaderMenu } from '../config'
 
 import { RootPortal } from '~/components/ui/portal'
+import useDebounceValue from '~/hooks/common/use-debounce-value'
 import { clsxm } from '~/lib/helper'
 import { useScollIsUpAndPageIsOver } from '~/providers/root/page-scroll-info-provider'
 
@@ -34,7 +35,10 @@ export const HeaderContent = () => {
 const AccessibleMenu: Component = () => {
   const hasMetaInfo = useHeaderHasMetaInfo()
 
-  const showShow = useScollIsUpAndPageIsOver(600) && hasMetaInfo
+  const showShow = useDebounceValue(
+    useScollIsUpAndPageIsOver(600) && hasMetaInfo,
+    120,
+  )
   return (
     <RootPortal>
       <AnimatePresence>

diff --git a/src/components/layout/header/internal/HeaderDrawerButton.tsx b/src/components/layout/header/internal/HeaderDrawerButton.tsx
@@ -36,7 +36,7 @@ export const HeaderDrawerButton = () => {
 
                 <Dialog.Content>
                   <m.dialog
-                    className="fixed left-0 right-0 top-0 z-[12] block overflow-auto rounded-xl bg-base-100/90"
+                    className="fixed left-0 right-0 top-0 z-[12] block overflow-auto rounded-xl bg-base-100/90 backdrop-blur-sm"
                     initial={{ opacity: 0.8 }}
                     animate={{ opacity: 1 }}
                     exit={{ opacity: 0 }}

diff --git a/src/components/widgets/shared/ReadIndicator.tsx b/src/components/widgets/shared/ReadIndicator.tsx
@@ -39,7 +39,7 @@ export const ReadIndicatorForMobile: Component<{}> = () => {
         )}
       >
         <div
-          className="absolute top-0 w-full bg-accent/80"
+          className="absolute top-0 w-full bg-accent/80 duration-75 ease-linear"
           style={{
             height: `${readPercent}%`,
           }}