From 90c61ae56f63e6a54b5c39183385f88f9c69113d Mon Sep 17 00:00:00 2001
From: HuyNVN <huynvn97@gmail.com>
Date: Fri, 27 Sep 2024 11:11:21 +0700
Subject: [PATCH] update header item

---
 src/app/components/app/app.component.css  | 8 ++++++++
 src/app/components/app/app.component.html | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app/components/app/app.component.css b/src/app/components/app/app.component.css
index f56a28d..0fc949c 100644
--- a/src/app/components/app/app.component.css
+++ b/src/app/components/app/app.component.css
@@ -9,10 +9,18 @@ div.img-container{
     max-height: 64px;
 }
 
+.navbar-nav .nav-link {
+    height: 64px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 .active { 
     border-bottom: 3px solid #3656DE !important;
     color: #3656DE !important;
     font-weight: 500;
+    padding-top: 13px;
 }
 
 .btn-logout:hover {
diff --git a/src/app/components/app/app.component.html b/src/app/components/app/app.component.html
index adf87dd..6a88441 100644
--- a/src/app/components/app/app.component.html
+++ b/src/app/components/app/app.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-white navbar-custom" style="z-index: 1;">
+<nav class="navbar navbar-expand-lg navbar-light bg-white navbar-custom" style="z-index: 1; padding-bottom: 0; padding-top:0px">
   <a class="navbar-brand" href="./">
     <img src="assets/img/logo-vn.svg" height="24px" width="138px" />
   </a>
@@ -14,7 +14,7 @@
   <!--Navbar Items-->
   <div
     [ngbCollapse]="isMenuCollapsed"
-    class="collapse navbar-collapse justify-content-center"
+    class="collapse navbar-collapse justify-content-center" 
   >
     <div>
       <ul class="navbar-nav me-auto">