Files
kit-ui/components/layout/AppShell.tsx
Sebastian Krüger 782923f2e0 feat: refactor theme, add tailwind-scrollbar, and improve UI components
- Removed manual theme switching logic and ThemeProvider
- Installed and configured tailwind-scrollbar plugin
- Updated FileConverter and ConversionOptions to use shadcn Input
- Refactored FontSelector to use shadcn Tabs
- Simplified global styles and adjusted glassmorphic effects
2026-02-26 22:22:32 +01:00

29 lines
800 B
TypeScript

'use client';
import * as React from 'react';
import { AppSidebar } from './AppSidebar';
import { AppHeader } from './AppHeader';
import AnimatedBackground from '@/components/AnimatedBackground';
import { SidebarProvider } from './SidebarProvider';
interface AppShellProps {
children: React.ReactNode;
}
export function AppShell({ children }: AppShellProps) {
return (
<SidebarProvider>
<div className="flex h-screen overflow-hidden bg-transparent text-foreground relative">
<AnimatedBackground />
<AppSidebar />
<div className="flex-1 flex flex-col min-w-0 relative z-10">
<AppHeader />
<main className="flex-1 overflow-y-auto scrollbar">
{children}
</main>
</div>
</div>
</SidebarProvider>
);
}