diff --git a/src/modules/task/components/TaskList.vue b/src/modules/task/components/TaskList.vue index 5877490..695117b 100644 --- a/src/modules/task/components/TaskList.vue +++ b/src/modules/task/components/TaskList.vue @@ -1,6 +1,6 @@ @@ -9,13 +9,15 @@ const taskStore = useTaskStore()
@@ -33,9 +35,11 @@ const taskStore = useTaskStore() gap: 1rem; } -.task-list li { +.task-list .line { display: flex; align-items: center; + justify-content: space-between; gap: 0.5rem; + flex-wrap: wrap; } diff --git a/src/shared/format-date.ts b/src/shared/format-date.ts index bb0bfd2..c9163fc 100644 --- a/src/shared/format-date.ts +++ b/src/shared/format-date.ts @@ -5,6 +5,9 @@ const isTimeSpeedUp = () => process.env.NODE_ENV === 'development' export const formatDate = (date: Date | string) => new Date(date).toLocaleString() +export const formatToShortDate = (date: Date | string) => + new Date(date).toLocaleDateString() + export const formatLongDate = (date: Date | ISODate) => new Date(date).toLocaleString(undefined, { weekday: 'long', diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index bbf2dac..6041200 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -63,7 +63,7 @@ main { max-height: 60vh; overflow-y: auto; margin: 0 1rem; - border-radius: 1rem; + border-radius: 0.3rem; } footer {