project-standalo-todo-super/app/components/DarkThemeLayout.tsx

21 lines
550 B
TypeScript

"use client";
import { ReactNode } from "react";
interface DarkThemeLayoutProps {
children: ReactNode;
}
export default function DarkThemeLayout({ children }: DarkThemeLayoutProps) {
return (
<div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
<div className="absolute inset-0 bg-[url('/grid.svg')] bg-center opacity-5"></div>
<div className="relative">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
{children}
</div>
</div>
</div>
);
}