feat: Add core application and marketing layouts, including navigation, user management, and a shared footer component.

This commit is contained in:
Timo
2026-01-07 14:33:06 +01:00
parent 9573a2eea9
commit b217e50d9f
3 changed files with 45 additions and 43 deletions

View File

@@ -161,9 +161,8 @@ export default function AppLayout({
{/* Sidebar */}
<aside
className={`fixed top-0 left-0 z-50 h-full w-64 bg-white border-r border-gray-200 transform transition-transform lg:translate-x-0 ${
sidebarOpen ? 'translate-x-0' : '-translate-x-full'
}`}
className={`fixed top-0 left-0 z-50 h-full w-64 bg-white border-r border-gray-200 transform transition-transform lg:translate-x-0 ${sidebarOpen ? 'translate-x-0' : '-translate-x-full'
}`}
>
<div className="flex items-center justify-between p-4 border-b border-gray-200">
<Link href="/" className="flex items-center space-x-2">
@@ -187,11 +186,10 @@ export default function AppLayout({
<Link
key={item.name}
href={item.href}
className={`flex items-center space-x-3 px-3 py-2 rounded-lg transition-colors ${
isActive
? 'bg-primary-50 text-primary-600'
: 'text-gray-700 hover:bg-gray-100'
}`}
className={`flex items-center space-x-3 px-3 py-2 rounded-lg transition-colors ${isActive
? 'bg-primary-50 text-primary-600'
: 'text-gray-700 hover:bg-gray-100'
}`}
>
{item.icon}
<span className="font-medium">{item.name}</span>
@@ -249,7 +247,7 @@ export default function AppLayout({
</main>
{/* Footer */}
<Footer />
<Footer variant="dashboard" />
</div>
</div>
);