From 16be1385b6e2e92333c08c94fe3bf3d7e5ed08e7 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Mon, 19 Dec 2022 21:40:36 +0600
Subject: [PATCH] update archive page

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 components/ArchievCard.vue     |  6 ++----
 components/ArchivePostCard.vue | 24 ++++++++++++++++--------
 pages/archive.vue              |  2 +-
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/components/ArchievCard.vue b/components/ArchievCard.vue
index 98d6e6d..299c038 100644
--- a/components/ArchievCard.vue
+++ b/components/ArchievCard.vue
@@ -1,8 +1,6 @@
 <template>
-  <div class="px-5 font-ibmmono mb-5">
-    <h4 class="font-semibold text-slate-800 text-xl antialiased p-2">
-      Typescript
-    </h4>
+  <div class="px-10 font-ibmmono mb-6 text-slate-700">
+    <h4 class="font-semibold text-xl antialiased">Typescript</h4>
     <div class="px-10">
       <archive-post-card v-for="n in 5" :key="n" />
     </div>
diff --git a/components/ArchivePostCard.vue b/components/ArchivePostCard.vue
index d86b866..a56cf85 100644
--- a/components/ArchivePostCard.vue
+++ b/components/ArchivePostCard.vue
@@ -1,11 +1,19 @@
 <template>
-  <div class="font-ibmmono">
-    <nuxt-link class="flex items-baseline space-x-3 space-y-2" to="/">
-      <icon name="arcticons:blogger" />
-      <h4 class="text-blue-600 hover:underline">
-        <span class="mr-4 text-slate-600">22-10-2020</span> This is a archive
-        post link
-      </h4>
-    </nuxt-link>
+  <div class="font-ibmmono group mb-2 group">
+    <div class="flex items-center space-x-3 space-y-2">
+      <icon name="ant-design:arrow-right-outlined" />
+      <div>
+        <nuxt-link
+          to="/"
+          class="group-hover:underline group-hover:text-sky-500"
+        >
+          This is a archive post link
+        </nuxt-link>
+        <div class="flex italic text-sm items-center space-x-2">
+          <icon name="material-symbols:calendar-month" />
+          <p class="text-xs">22 Jan 2022</p>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
diff --git a/pages/archive.vue b/pages/archive.vue
index 377c45f..3d730be 100644
--- a/pages/archive.vue
+++ b/pages/archive.vue
@@ -7,7 +7,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
 
 <template>
   <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
-    <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
+    <h1 class="font-semibold text-3xl mt-10 mb-5 py-3 mx-5 text-slate-800">
       ALL CONTENTS
     </h1>
     <div>