feat: merge reminders.scss with component styles

2021-10-18 14:21:43 +02:00
parent 0aff057f7b
commit 370186726a
3 changed files with 22 additions and 20 deletions
--- a/src/components/tasks/partials/reminders.vue
+++ b/src/components/tasks/partials/reminders.vue
@ -104,3 +104,25 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.reminders {
+  .reminder-input {
+    display: flex;
+    align-items: center;
+
+    &.overdue ::v-deep.datepicker a.show {
+      color: $red;
+    }
+
+    &:last-child {
+      margin-bottom: 0.75rem;
+    }
+
+    a.remove {
+      color: $red;
+      padding-left: .5rem;
+    }
+  }
+}
+</style>