From cae6e2ef6874ad558cc0c2ce4523537b51a39c70 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Mon, 12 Dec 2022 00:11:39 +0600
Subject: [PATCH] fix design

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 components/LatestBlogCard.vue | 11 ++++++++++-
 pages/latest.vue              |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/LatestBlogCard.vue b/components/LatestBlogCard.vue
index 57e1c04..7852006 100644
--- a/components/LatestBlogCard.vue
+++ b/components/LatestBlogCard.vue
@@ -5,7 +5,16 @@
         This is latest blog card
       </h4>
     </nuxt-link>
-    <p class="text-xs text-slate-500 pb-3">Create 10 Dec 2022</p>
+    <div class="text-xs text-slate-500 pb-3 flex space-x-4">
+      <div class="flex items-center space-x-1">
+        <icon name="material-symbols:av-timer" />
+        <span class=""> Create at 10 Dec 2022 </span>
+      </div>
+      <div class="flex items-center space-x-1">
+        <icon name="mdi:face-man" />
+        <nuxt-link class="hover:underline" to="/">by riyad</nuxt-link>
+      </div>
+    </div>
 
     <p class="pb-2 text-slate-600">
       Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur
diff --git a/pages/latest.vue b/pages/latest.vue
index 8aaf89d..3a65ae0 100644
--- a/pages/latest.vue
+++ b/pages/latest.vue
@@ -7,7 +7,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
 
 <template>
   <div class="container mx-auto max-w-6xl font-poppins antialiased">
-    <h1 class="font-semibold text-3xl mt-10 mx-5 mb-4 text-slate-800">
+    <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       LATEST CONTENT
     </h1>
     <div class="flex justify-between flex-wrap">