mirror of
https://github.com/CarGDev/pomodoro.git
synced 2025-09-18 20:48:28 +00:00
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:
41
client/src/styles/TaskForm.module.scss
Normal file
41
client/src/styles/TaskForm.module.scss
Normal 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
|
||||
}
|
Reference in New Issue
Block a user