diff --git a/fe/src/pages/ChoresPage.vue b/fe/src/pages/ChoresPage.vue index 2952a03..2619853 100644 --- a/fe/src/pages/ChoresPage.vue +++ b/fe/src/pages/ChoresPage.vue @@ -718,6 +718,19 @@ const getDueDateStatus = (chore: ChoreWithCompletion) => { overflow: hidden; } +/* Status-based styling */ +.schedule-group:has(.status-overdue) .neo-item-list-container { + box-shadow: 6px 6px 0 #c72d2d; +} + +.schedule-group:has(.status-due-today) .neo-item-list-container { + box-shadow: 6px 6px 0 #b37814; +} + +.status-completed { + opacity: 0.7; +} + /* Neo-style list items from ListDetailPage */ .neo-item-list { list-style: none; @@ -940,19 +953,6 @@ const getDueDateStatus = (chore: ChoreWithCompletion) => { font-style: italic; } -/* Status-based styling */ -.status-overdue { - border-left: 4px solid #ef4444; -} - -.status-due-today { - border-left: 4px solid #f59e0b; -} - -.status-completed { - opacity: 0.7; -} - /* Modal styles */ .detail-modal .modal-container, .history-modal .modal-container { diff --git a/fe/src/pages/GroupDetailPage.vue b/fe/src/pages/GroupDetailPage.vue index 7d4eb8f..9b974f0 100644 --- a/fe/src/pages/GroupDetailPage.vue +++ b/fe/src/pages/GroupDetailPage.vue @@ -83,7 +83,7 @@
{{ t('groupDetailPage.chores.title') }} {{ t('groupDetailPage.chores.generateScheduleButton') - }} + }}
@@ -299,10 +299,10 @@ @@ -324,7 +324,7 @@
Created by: {{ selectedChore.creator?.name || selectedChore.creator?.email || 'Unknown' - }} + }}
Created: