1206a73db8
- Implemented Input component for user input fields. - Created Separator component for visual separation in UI. - Added Sheet component for modal-like overlays with customizable content. - Developed Sidebar component with collapsible functionality and mobile responsiveness. - Introduced Skeleton component for loading placeholders. - Implemented Tooltip component for contextual hints. - Updated global CSS variables for sidebar theming. - Added useIsMobile hook for responsive design handling. - Modified projects route to include ProjectSidebar. - Enhanced Tailwind CSS configuration for improved styling. - Updated Vite preload configuration for custom entry file naming.
18 lines
492 B
TypeScript
18 lines
492 B
TypeScript
import { createFileRoute } from '@tanstack/react-router';
|
|
import { ProjectSidebar } from '@/components/projects/ProjectSidebar';
|
|
|
|
export const Route = createFileRoute('/projects')({
|
|
component: ProjectsPage,
|
|
});
|
|
|
|
function ProjectsPage() {
|
|
return (
|
|
<div className="flex h-full overflow-hidden">
|
|
<ProjectSidebar />
|
|
<div className="flex-1 flex items-center justify-center text-sm text-muted-foreground">
|
|
Select a project to view details
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|