forked from cardosofelipe/fast-next-template
Felipe Cardoso
96df7edf88
- Consolidated multi-line arguments into single lines where appropriate in `useAuth`. - Improved spacing and readability in data processing across components (`ProfileSettingsForm`, `PasswordChangeForm`, `SessionCard`). - Applied consistent table and markdown formatting in design system docs (e.g., `README.md`, `08-ai-guidelines.md`, `00-quick-start.md`). - Updated code snippets to ensure adherence to Prettier rules and streamlined JSX structures.
29 lines
748 B
TypeScript
29 lines
748 B
TypeScript
/**
|
|
* AuthLayoutClient Component
|
|
* Client-side wrapper for auth layout with theme toggle
|
|
*/
|
|
|
|
'use client';
|
|
|
|
import { ThemeToggle } from '@/components/theme/ThemeToggle';
|
|
|
|
interface AuthLayoutClientProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export function AuthLayoutClient({ children }: AuthLayoutClientProps) {
|
|
return (
|
|
<div className="relative flex min-h-screen items-center justify-center bg-muted/30 px-4 py-12 sm:px-6 lg:px-8">
|
|
{/* Theme toggle in top-right corner */}
|
|
<div className="absolute right-4 top-4">
|
|
<ThemeToggle />
|
|
</div>
|
|
|
|
{/* Auth card */}
|
|
<div className="w-full max-w-md">
|
|
<div className="rounded-lg border bg-card p-8 shadow-sm">{children}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|