mirror of
https://github.com/CarGDev/pomodoro.git
synced 2025-09-18 17:38:28 +00:00
8f9e4f54df
- 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
42 lines
452 B
SCSS
42 lines
452 B
SCSS
.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
|
|
}
|