refactor: ♻️ content

src/app/blog/[id]/AnimatedBlogPost.tsx

@@ -34,7 +34,7 @@ export default function AnimatedBlogPost({
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ duration: 0.5 }}
-      className="container mx-auto px-4 py-8 pt-16 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800"
+      className="container mx-auto px-4 py-8 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800"
     >
       <div className="flex flex-col md:flex-row gap-8">
         <aside className="md:w-1/4">

src/components/app/AnimatedLayout.tsx

@@ -38,7 +38,7 @@ export default function AnimatedLayout({ children }: AnimatedLayoutProps) {
           exit="out"
           variants={pageVariants}
           // transition={pageTransition}
-          className="flex-grow container mx-auto px-4"
+          className="flex-grow container mx-auto px-4 mt-16"
         >
           {children}
         </motion.main>

src/components/app/Header.tsx

@@ -14,7 +14,7 @@ export default function Header() {
   const pathname = usePathname();
 
   return (
-    <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+    <header className="fixed top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-14 max-w-screen-2xl items-center">
         <Link href="/" className="mr-6 flex items-center space-x-2">
           <span className="font-bold">我的博客</span>

src/components/blog/id/ReadingProgress.tsx

@@ -25,11 +25,15 @@ export default function ReadingProgress() {
   if (!isVisible) return null;
 
   return (
-    <div className="fixed top-0 left-0 w-full h-1 bg-gray-200 z-50">
-      <div
-        style={{ width: `${width}%` }}
-        className="h-full bg-primary transition-all duration-300 ease-out"
-      ></div>
-    </div>
+    <>
+      {width && (
+        <div className="fixed top-0 left-0 w-full h-1 bg-gray-200 z-50">
+          <div
+            style={{ width: `${width}%` }}
+            className="h-full bg-primary transition-all duration-300 ease-out"
+          ></div>
+        </div>
+      )}
+    </>
   );
 }