design blog page

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/content/CustomTag.vue

@@ -1,5 +1,25 @@
 <template>
-  <div class="py-5 px-2 m-2 text-center prose-h1:no-underline">
-    <slot />
+  <div class="flex w-full justify-center">
+    <div class="text-black content-center flex gap-7">
+      <div class="flex items-center">
+        <LogoDate />
+        <slot name="date"></slot>
+      </div>
+      <div class="flex items-center gap-2 flex-wrap punder">
+        <LogoTag />
+        <slot name="tag1"></slot>
+        <slot name="tag2"></slot>
+        <slot name="tag3"></slot>
+        <slot name="tag4"></slot>
+        <slot name="tag5"></slot>
+        <slot></slot>
+      </div>
+    </div>
   </div>
 </template>
+
+<style scoped>
+.punder {
+  text-decoration-line: underline;
+}
+</style>

components/content/CustomTitle.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="text-center mt-8">
+    <slot />
+  </div>
+</template>

components/logo/tag.vue

@@ -4,7 +4,7 @@
     stroke="currentColor"
     viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
-    class="w-4 h-4 mr-2"
+    class="w-4 h-4 mr-1"
   >
     <path
       stroke-linecap="round"