Artem Kashaev
ede064cc11
- Create global styles and theme management - Implement app shell layout with sidebar navigation - Add authentication layout and pages for login and registration - Develop dashboard page with placeholder content - Introduce routing guards for guest-only and authenticated routes - Set up Zustand for state management of authentication and theme - Create API types and structures for CRM entities - Configure Vite with PWA support and Tailwind CSS
23 lines
983 B
TypeScript
23 lines
983 B
TypeScript
import { Outlet } from 'react-router-dom'
|
||
|
||
import { AppLogo } from '@/components/navigation/app-logo'
|
||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||
|
||
export const AuthLayout = () => (
|
||
<div className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 p-6 text-white">
|
||
<div className="mb-8 text-center">
|
||
<AppLogo className="text-white" />
|
||
<p className="text-sm text-slate-300">Войдите, чтобы управлять воронкой продаж</p>
|
||
</div>
|
||
<Card className="w-full max-w-md border-white/10 bg-white/5 text-white">
|
||
<CardHeader>
|
||
<CardTitle>Kitchen CRM</CardTitle>
|
||
<CardDescription className="text-slate-200">Мини-CRM с мультитенантной архитектурой</CardDescription>
|
||
</CardHeader>
|
||
<CardContent>
|
||
<Outlet />
|
||
</CardContent>
|
||
</Card>
|
||
</div>
|
||
)
|