refactor(layouts): simplify MainLayout and enhance styling

- Removed unused imports and performance monitoring hooks from MainLayout.
- Updated layout structure to improve responsiveness and styling, including sticky header and optimized content padding.
- Adjusted home page layout to reduce margin and improve spacing for better visual consistency.
- Enhanced TodoList component with collapsible sections for improved user interaction and task management.
- Streamlined project and schedule pages by removing unnecessary margin adjustments, ensuring a cleaner layout.
This commit is contained in:
chamikaJ
2025-07-30 17:20:20 +05:30
parent 374595261f
commit 2bd6c19c13
7 changed files with 128 additions and 138 deletions

View File

@@ -105,7 +105,7 @@ const DropSpacer: React.FC<{ isVisible: boolean; visibleColumns: any[]; isDarkMo
...(column.isSticky && {
position: 'sticky' as const,
left: leftPosition,
zIndex: 5,
zIndex: 10,
backgroundColor: 'inherit', // Inherit from parent spacer
}),
};
@@ -161,7 +161,7 @@ const EmptyGroupMessage: React.FC<{ visibleColumns: any[]; isDarkMode?: boolean
...(column.isSticky && {
position: 'sticky' as const,
left: leftPosition,
zIndex: 5,
zIndex: 10,
backgroundColor: 'inherit', // Inherit from parent container
}),
};
@@ -668,7 +668,7 @@ const TaskListV2Section: React.FC = () => {
...(column.isSticky && {
position: 'sticky' as const,
left: leftPosition,
zIndex: 10,
zIndex: 15,
backgroundColor: isDarkMode ? '#141414' : '#f9fafb', // custom dark header : bg-gray-50
}),
};