From e69b7df500f8fd1e19ab42fdafeaed921dfc992d Mon Sep 17 00:00:00 2001
From: Daniel-I-Am <djdecloet@gmail.com>
Date: Thu, 2 Sep 2021 12:58:33 +0200
Subject: [PATCH] Add unpublished text to recent blog posts

---
 resources/js/components/BlogRecent.vue | 1 +
 resources/scss/_blog.scss              | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/BlogRecent.vue b/resources/js/components/BlogRecent.vue
index 371233f..89d9d96 100644
--- a/resources/js/components/BlogRecent.vue
+++ b/resources/js/components/BlogRecent.vue
@@ -19,6 +19,7 @@
                             {{ article.title }}
                         </h4>
                         <span class="article-date" :title="absDate(article.date)">{{ relDate(article.date) }}</span>
+                        <span class="article-published" v-if="!article.published">Unpublished</span>
                     </div>
                 </li>
             </ul>
diff --git a/resources/scss/_blog.scss b/resources/scss/_blog.scss
index f39d66a..5c1e964 100644
--- a/resources/scss/_blog.scss
+++ b/resources/scss/_blog.scss
@@ -68,13 +68,20 @@ section.blog {
           }
 
           .article-desc,
-          .article-date {
+          .article-date,
+          .article-published {
             display: block;
           }
 
           .article-date {
             color: darken($text-color, 15%);
           }
+
+          .article-published {
+            text-transform: uppercase;
+            font-size: 1rem;
+            color: red;
+          }
         }
       }
     }