Update

2025-08-27 14:07:03 +08:00
parent 5b7e209355
commit f239211864
111 changed files with 31739 additions and 197 deletions
@@ -0,0 +1,44 @@
+'use client';
+
+import Link from 'next/link';
+
+import { BackButton } from './BackButton';
+import { useSite } from './SiteProvider';
+import { ThemeToggle } from './ThemeToggle';
+import { UserMenu } from './UserMenu';
+
+interface MobileHeaderProps {
+  showBackButton?: boolean;
+}
+
+const MobileHeader = ({ showBackButton = false }: MobileHeaderProps) => {
+  const { siteName } = useSite();
+  return (
+    <header className='md:hidden relative w-full bg-white/70 backdrop-blur-xl border-b border-purple-200/50 shadow-sm dark:bg-gray-900/70 dark:border-purple-700/50'>
+      <div className='h-12 flex items-center justify-between px-4'>
+        {/* 左侧：返回按钮和设置按钮 */}
+        <div className='flex items-center gap-2'>
+          {showBackButton && <BackButton />}
+        </div>
+
+        {/* 右侧按钮 */}
+        <div className='flex items-center gap-2'>
+          <ThemeToggle />
+          <UserMenu />
+        </div>
+      </div>
+
+      {/* 中间：Logo（绝对居中）- 应用彩虹渐变效果 */}
+      <div className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2'>
+        <Link
+          href='/'
+          className='text-2xl font-bold katelya-logo tracking-tight hover:opacity-80 transition-opacity'
+        >
+          {siteName}
+        </Link>
+      </div>
+    </header>
+  );
+};
+
+export default MobileHeader;