From 93f9a3ed89e9448efe15944b60de8347ed758b52 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 6 Jul 2023 11:03:54 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20home?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

center create a new task
---
 src/modules/task/components/TaskList.vue |  2 +-
 src/views/HomeView.vue                   | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/modules/task/components/TaskList.vue b/src/modules/task/components/TaskList.vue
index 41680cd..e398f82 100644
--- a/src/modules/task/components/TaskList.vue
+++ b/src/modules/task/components/TaskList.vue
@@ -6,7 +6,7 @@ const taskStore = useTaskStore()
 </script>
 
 <template>
-  <div class="content">
+  <div class="content" v-if="taskStore.recentTasks.length > 0">
     <ul class="task-list">
       <li v-for="task in taskStore.recentTasks" :key="task.id">
         <router-link
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 394d17b..5724615 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -16,9 +16,9 @@ const resetTasks = () => {
 
 <template>
   <main>
-    <div>
+    <div class="new-task-container">
       <router-link :to="{ name: 'new-task' }" class="button is-primary"
-        >New task</router-link
+        >Create a new task</router-link
       >
     </div>
     <task-list />
@@ -35,4 +35,10 @@ main {
   justify-content: space-between;
   height: 60vh;
 }
+.new-task-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
 </style>