From b17cb182c004bb4c25f66b962df435ac7624a1a9 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Sat, 10 Dec 2022 01:54:36 +0600
Subject: [PATCH] add desing issue

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

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b5c61c9..dc091a6 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,3 +1,5 @@
+@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");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/components/NavbarCom.vue b/components/NavbarCom.vue
index c26d702..5bd35de 100644
--- a/components/NavbarCom.vue
+++ b/components/NavbarCom.vue
@@ -3,25 +3,25 @@ const theme = ref("light");
 </script>
 
 <template>
-  <header class="sticky top-0 p-6 bg-[#a2d9ff]">
-    <div class="container mx-auto max-w-6xl flex justify-between items-center">
-      <ul class="flex space-x-8">
-        <li>
-          <nuxt-link to="/">Home</nuxt-link>
+  <header class="sticky top-0 p-6 bg-[#a2d9ff] font-poppins">
+    <div class="container px-3 mx-auto max-w-6xl flex justify-between">
+      <ul class="flex space-x-8 items-end">
+        <li class="align">
+          <nuxt-link to="/">
+            <icon class="text-blue-700" size="35" name="mdi:robot-excited" />
+          </nuxt-link>
         </li>
         <li>
           <nuxt-link to="/latest">Latest</nuxt-link>
         </li>
         <li class="space-x-2">
           <nuxt-link to="/category">Category</nuxt-link>
-          <nuxt-link to="#">^</nuxt-link>
         </li>
-
         <li>
           <nuxt-link to="/archive">Archive</nuxt-link>
         </li>
       </ul>
-      <ul class="flex space-x-4">
+      <ul class="flex space-x-3 items-end">
         <li>
           <nuxt-link to="/">
             <icon size="25px" name="uil:github" />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e69de29..7122dcc 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      fontFamily: {
+        poppins: ["Poppins", "sans-serif"],
+      },
+    },
+  },
+};