From 4a0f4870c87b30aeaa459c32e6af30e2532dfb72 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Mon, 19 Dec 2022 02:04:15 +0600
Subject: [PATCH] update blog content

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 assets/css/tailwind.css    |  2 --
 components/BlogCard.vue    | 11 ++++++++---
 components/NavbarCom.vue   |  8 +++++++-
 components/OneLineCard.vue | 10 +++++-----
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 2579be3..d8ccf84 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;400;600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
-
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap");
 
 @tailwind base;
diff --git a/components/BlogCard.vue b/components/BlogCard.vue
index 3f51f54..369cbf6 100644
--- a/components/BlogCard.vue
+++ b/components/BlogCard.vue
@@ -1,10 +1,15 @@
 <template>
-  <div class="space-y-2 m-5">
-    <h3 class="text-xl text-slate-800 font-semibold">This is a blog title</h3>
+  <div class="space-y-2 my-5 group">
+    <h3 class="text-xl text-slate-800 font-semibold group-hover:text-sky-500">
+      This is a blog title
+    </h3>
     <p class="text-slate-700">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, deserunt
       esse tenetur iusto dolor unde. Aliquam quidem ab qui velit?
     </p>
-    <p class="font-semibold">Read more</p>
+    <p class="font-semibold group-hover:text-sky-500">
+      Read more
+      <span class="hidden group-hover:inline"> ->> </span>
+    </p>
   </div>
 </template>
diff --git a/components/NavbarCom.vue b/components/NavbarCom.vue
index da21cc8..ebd91b3 100644
--- a/components/NavbarCom.vue
+++ b/components/NavbarCom.vue
@@ -15,7 +15,13 @@ const activeNavbar = computed(() => {
     <div class="container px-4 mx-auto max-w-6xl flex justify-between">
       <ul class="flex space-x-8 items-end justify-start">
         <li class="align">
-          <nuxt-link to="/"> Rafkhata </nuxt-link>
+          <nuxt-link
+            class="font-semibold text-xl text-slate-800"
+            :class="{ underline: activeNavbar === '' }"
+            to="/"
+          >
+            RafKhata
+          </nuxt-link>
         </li>
         <li>
           <nuxt-link
diff --git a/components/OneLineCard.vue b/components/OneLineCard.vue
index 8207c83..35d2a4a 100644
--- a/components/OneLineCard.vue
+++ b/components/OneLineCard.vue
@@ -1,12 +1,12 @@
 <template>
-  <div
-    class="font-semibold antialiased text-slate-800 font-ibmmono hover:underline"
-  >
+  <div class="group font-semibold antialiased text-slate-800 font-ibmmono">
     <nuxt-link class="flex items-baseline space-x-3" to="/">
-      <div class="hover:scale-125 transition">
+      <div class="group-hover:scale-125 transition">
         <icon name="ant-design:arrow-right-outlined" />
       </div>
-      <h4>How to use vite in your nuxt 3 project a a a riyad</h4>
+      <h4 class="group-hover:underline">
+        How to use vite in your nuxt 3 project a a a riyad
+      </h4>
     </nuxt-link>
   </div>
 </template>