style : add fade-out for progress bar when changing page

2026-07-07 20:13:07 +07:00
parent edadc27508
commit 0c806410eb
1 changed files with 5 additions and 2 deletions
@@ -69,8 +69,11 @@ function PageProgressContent() {
  if (!isVisible && progress === 0) return null

  return (
-    <div className="fixed top-0 left-0 w-full z-50 pointer-events-none">
-      <Progress value={progress} className="h-1 w-full rounded-none bg-transparent" />
+    <div
+      className="fixed top-0 left-0 w-full z-50 pointer-events-none transition-opacity duration-300"
+      style={{ opacity: isVisible ? 1 : 0 }}
+    >
+      <Progress value={progress} className="h-0.75 w-full rounded-none bg-transparent" />
    </div>
  )
 }