From 0fd771cc00b10266c2e901f5498973d5d6d262ce Mon Sep 17 00:00:00 2001
From: kmacoders <hungkids3003@gmail.com>
Date: Sat, 10 Jul 2021 00:06:07 +0700
Subject: [PATCH] fix: wip blog detail

---
 components/templates/TheHeader.vue |  3 ++-
 pages/blog/_slug.vue               | 13 ++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/templates/TheHeader.vue b/components/templates/TheHeader.vue
index b927add..bd8c9e2 100644
--- a/components/templates/TheHeader.vue
+++ b/components/templates/TheHeader.vue
@@ -1,7 +1,8 @@
 <template>
   <b-navbar
     fixed-top
-    shadow
+    transparent
+    spaced
   >
     <template #brand>
       <b-navbar-item tag="nuxt-link" :to="{ path: '/' }">
diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index d3a4900..50605d8 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -1,15 +1,18 @@
 <template>
   <div class="blog-detail container is-max-desktop content">
-    <section class="section blog-detail__featured-img">
+    <section class="blog-detail__featured-img" style="margin-top: 2rem;">
       <img :src="blogDetail.image">
     </section>
     <section class="section blog-detail__info">
-      <h1 class="title is-2">
+      <h1 class="title is-1 has-text-primary">
         {{ blogDetail.title }}
       </h1>
+      <div>
+        {{ blogDetail.description }}
+      </div>
       <div>
         <span>{{ blogDetail.author }}</span>
-        </span>{{ blogDetail.published }}</span>
+        <span>{{ blogDetail.published }}</span>
       </div>
       <hr>
     </section>
@@ -117,5 +120,9 @@ export default class BlogDetail extends Vue {}
   section:not(:first-child) {
     padding-top: 1rem;
   }
+
+  [aria-hidden="true"] {
+    display: none;
+  }
 }
 </style>