From 282fdbc2a6f4fcaac0592eeb91d2ad3e0bde24de Mon Sep 17 00:00:00 2001
From: imbytecat <imbytecat@gmail.com>
Date: Tue, 12 May 2026 00:56:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E5=AE=8C=E6=95=B4=E9=81=B5=E5=AE=88?=
 =?UTF-8?q?=E5=87=8F=E5=B0=91=E5=8A=A8=E6=80=81=E6=95=88=E6=9E=9C=E5=81=8F?=
 =?UTF-8?q?=E5=A5=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/motion.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/motion.tsx b/src/components/motion.tsx
index 08496e2..5677337 100644
--- a/src/components/motion.tsx
+++ b/src/components/motion.tsx
@@ -16,7 +16,7 @@ export function MotionHeader({
 
   return (
     <motion.header
-      initial={{ opacity: 0, y: shouldReduceMotion ? 0 : 10 }}
+      initial={shouldReduceMotion ? false : { opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.5, delay, ease: [0.25, 0.1, 0.25, 1] }}
       className={className}
@@ -37,7 +37,7 @@ export function MotionSection({
 
   return (
     <motion.section
-      initial={{ opacity: 0, y: shouldReduceMotion ? 0 : 10 }}
+      initial={shouldReduceMotion ? false : { opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.5, delay, ease: [0.25, 0.1, 0.25, 1] }}
       className={className}
@@ -58,7 +58,7 @@ export function MotionDiv({
 
   return (
     <motion.div
-      initial={{ opacity: 0, y: shouldReduceMotion ? 0 : 10 }}
+      initial={shouldReduceMotion ? false : { opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.5, delay, ease: [0.25, 0.1, 0.25, 1] }}
       className={className}
@@ -112,9 +112,11 @@ export function MotionTableRow({
   className,
   ...props
 }: { children: ReactNode } & ComponentPropsWithoutRef<typeof motion.tr>) {
+  const { shouldReduceMotion } = useMotionConfig()
+
   return (
     <motion.tr
-      initial={{ opacity: 0 }}
+      initial={shouldReduceMotion ? false : { opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ duration: 0.3 }}
       className={className}