feat: implement comprehensive task management system with SCSS modules

- Add complete task management functionality with atomic design
- Create TaskCard component with checkbox and delete functionality
- Implement TaskForm with drawer interface for task editing
- Add Tasks organism with right-side drawer and completion states
- Move TodayProgress and QuickActions to Sidebar for better UX
- Implement SCSS modules for all components with proper styling
- Add task statistics to progress tracking
- Update store with task management actions and persistence
- Improve layout with 30/70 column split for tasks and timer
- Add SASS dependency for SCSS compilation
- Ensure completed tasks are non-editable with proper visual states
This commit is contained in:
Carlos Gutierrez
2025-09-02 19:42:32 -04:00
parent 2faa54fa17
commit 8f9e4f54df
17 changed files with 1485 additions and 180 deletions

View File

@@ -0,0 +1,41 @@
.form {
// Form container styles
}
.formContent {
display: flex;
flex-direction: column;
gap: 1rem;
}
.field {
// Individual field container
}
.fieldGrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.input {
margin-top: 0.5rem;
}
.textarea {
margin-top: 0.5rem;
}
.buttonGroup {
display: flex;
gap: 0.5rem;
padding-top: 1rem;
}
.submitButton {
flex: 1;
}
.cancelButton {
// Cancel button styles
}