feat: add empty view

viko16 · Feb 3, 2019 · b55e388 · b55e388
1 parent 90582ef
commit b55e388
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/components/Home.vue b/components/Home.vue
@@ -1,6 +1,15 @@
 <template>
   <div class="list-view">
-    <ol class="list">
+    <div
+      v-if="filteredList.length === 0"
+      class="empty-list"
+    >
+      Ooops! Nothing here..🙈
+    </div>
+    <ol
+      v-else
+      class="list"
+    >
       <li
         v-for="page of filteredList"
         :key="page.key"

diff --git a/styles/index.styl b/styles/index.styl
@@ -105,6 +105,10 @@ a
     padding 0
     list-style none
 
+.empty-list
+  height 100px
+  text-align center
+
 .list-item
   position relative
   margin-bottom 50px