julien/failwell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 🎸 home

Browse Source 
center create a new task
This commit is contained in:
Julien Calixte
2023-07-06 11:03:54 +02:00
parent e4d833323a
commit 93f9a3ed89
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/modules/task/components/TaskList.vue
View File

@@ -6,7 +6,7 @@ const taskStore = useTaskStore()
</script> </script>
<template> <template>
<div class="content"> <div class="content" v-if="taskStore.recentTasks.length > 0">
<ul class="task-list"> <ul class="task-list">
<li v-for="task in taskStore.recentTasks" :key="task.id"> <li v-for="task in taskStore.recentTasks" :key="task.id">
<router-link <router-link

10
src/views/HomeView.vue
View File

@@ -16,9 +16,9 @@ const resetTasks = () => {
<template> <template>
<main> <main>
<div> <div class="new-task-container">
<router-link :to="{ name: 'new-task' }" class="button is-primary" <router-link :to="{ name: 'new-task' }" class="button is-primary"
>New task</router-link >Create a new task</router-link
> >
</div> </div>
<task-list /> <task-list />
@@ -35,4 +35,10 @@ main {
justify-content: space-between; justify-content: space-between;
height: 60vh; height: 60vh;
} }
.new-task-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
</style> </style>