4255464dca
Created cleaner layout architecture based on user feedback: ✅ Standalone Authentication Pages: - Created AuthLayout component for login/logout pages - Login page now standalone without sidebar/header - Logout page uses clean AuthLayout 🎯 Improved Sidebar Design: - Moved profile, theme toggle, and notifications to sidebar - Added user profile section with avatar and role - Reorganized navigation with main nav + bottom nav - Proper flexbox layout for full-height sidebar 🔍 Dashboard-Specific Search: - Search bar only appears on dashboard (showSearch prop) - Removed cluttered header from other pages - Clean, focused experience per page type 📱 Better Information Architecture: - Profile info moved from header to sidebar - Theme toggle integrated into profile section - Notifications and settings in bottom nav - Consistent sidebar across all authenticated pages 🎨 Visual Improvements: - Proper flexbox layout for sidebar sections - User avatar and role display in profile section - Clean separation between main nav and utility nav - Responsive design maintained Result: Clean login experience + consistent authenticated layout! 🚀
11 lines
No EOL
264 B
JavaScript
11 lines
No EOL
264 B
JavaScript
import { useTheme } from '../lib/theme-context';
|
|
|
|
export default function AuthLayout({ children }) {
|
|
const { theme } = useTheme();
|
|
|
|
return (
|
|
<div className="min-h-screen" style={{ backgroundColor: 'var(--bg-primary)' }}>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|