gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Raise reading progress bar above header

Browse Source
This commit is contained in:
gbanyan
2025-11-21 01:36:04 +08:00
parent 4a4d6dd933
commit ae37f93508
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/reading-progress.tsx
View File

@@ -32,7 +32,7 @@ export function ReadingProgress() {
if (!mounted) return null; if (!mounted) return null;
return ( return (
<div className="pointer-events-none fixed inset-x-0 top-0 z-40 h-px bg-transparent"> <div className="pointer-events-none fixed inset-x-0 top-0 z-60 h-px bg-transparent">
<div className="relative h-1 w-full overflow-visible"> <div className="relative h-1 w-full overflow-visible">
<div <div
className="absolute inset-y-0 left-0 w-full origin-left rounded-full bg-gradient-to-r from-blue-500/70 via-sky-400/70 to-indigo-500/70 shadow-[0_0_8px_rgba(59,130,246,0.45)] transition-[transform,opacity] duration-300 ease-out dark:from-blue-400/70 dark:via-sky-300/70 dark:to-indigo-400/70" className="absolute inset-y-0 left-0 w-full origin-left rounded-full bg-gradient-to-r from-blue-500/70 via-sky-400/70 to-indigo-500/70 shadow-[0_0_8px_rgba(59,130,246,0.45)] transition-[transform,opacity] duration-300 ease-out dark:from-blue-400/70 dark:via-sky-300/70 dark:to-indigo-400/70"