fix: align task due dates to the right

2026-09-10 17:01:24 +08:00
parent 0345fbe73c
commit 1366f302ec
8 changed files with 183 additions and 24 deletions
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { CalendarDays } from 'lucide-vue-next'
 import { getTaskDuePresentation } from '../lib/task-due'

 const props = defineProps<{
@@ -15,7 +14,6 @@ const presentation = computed(() => getTaskDuePresentation(props))

 <template>
  <span v-if="presentation" class="task-due" :class="`task-due--${presentation.state}`">
-    <CalendarDays class="task-due__icon" aria-hidden="true" />
    <time
      class="task-due__text"
      :datetime="presentation.datetime"
@@ -23,7 +21,7 @@ const presentation = computed(() => getTaskDuePresentation(props))
      :aria-label="presentation.fullText"
    >
      <span class="task-due__absolute">{{ presentation.absoluteText }}</span>
-      <span aria-hidden="true"> · </span>
+      <span class="task-due__separator" aria-hidden="true"> · </span>
      <span class="task-due__relative">{{ presentation.relativeText }}</span>
    </time>
  </span>