feat: dark mode

This commit is contained in:
shinya
2025-06-26 21:00:11 +08:00
parent 3652bf3e6b
commit d677ca9877
23 changed files with 234 additions and 78 deletions

View File

@@ -1,8 +1,12 @@
'use client';
import Link from 'next/link';
import { ThemeToggle } from './ThemeToggle';
const MobileHeader = () => {
return (
<header className='md:hidden w-full bg-white/70 backdrop-blur-xl border-b border-gray-200/50 shadow-sm'>
<header className='md:hidden relative w-full bg-white/70 backdrop-blur-xl border-b border-gray-200/50 shadow-sm dark:bg-gray-900/70 dark:border-gray-700/50'>
<div className='h-12 flex items-center justify-center'>
<Link
href='/'
@@ -11,6 +15,9 @@ const MobileHeader = () => {
MoonTV
</Link>
</div>
<div className='absolute top-1/2 right-4 -translate-y-1/2'>
<ThemeToggle />
</div>
</header>
);
};