merge(task): Format task list

Format task list
bikingbadger · Mar 1, 2021 · 999c81a · 999c81a
2 parents 149fcdf + 9d5928d
commit 999c81a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,8 +1,6 @@
 <template>
-  <the-header/>
-  <Panel class="m-auto ">
-    <router-view />
-  </Panel>
+  <the-header />
+  <router-view />
 </template>
 
 <script>

diff --git a/src/components/ui/TheHeader.vue b/src/components/ui/TheHeader.vue
@@ -1,7 +1,6 @@
 <template>
   <Menubar :model="items">
     <template #start>
-      <h1>Pompom</h1>
       <!-- <img alt="logo" src="../../assets/images/logo.svg" height="40" class="p-mr-2" /> -->
     </template>
     <template #end>
@@ -66,10 +65,11 @@ export default {
 .p-menubar {
   position: sticky;
   top: 0;
+  background-color: #3f51b5;
+  color: white;
 }
 
 .p-menubar-end {
   display: flex;
 }
-
 </style>
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,7 +1,8 @@
 <template>
-  <div class="home">
+  <Panel class="home">
+    <h1 class="p-text-center p-text-uppercase">Pompom</h1>
     <task-list></task-list>
-  </div>
+  </Panel>
 </template>
 
 <script>
@@ -18,4 +19,9 @@ export default {
   width: 66vw;
   margin: 0 auto;
 }
+
+h1 {
+  color: #3f51b5;
+  font-size: 3rem;
+}
 </style>