From cd9a8501305a3f8d3298b170aa87c4020c6c7625 Mon Sep 17 00:00:00 2001
From: hanif salafi <hanifsalafi456@gmail.com>
Date: Tue, 7 Jan 2025 20:54:20 +0700
Subject: [PATCH] feat: update fixing navbar

---
 components/landing-page/navbar.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index e6d84a41..c1ada334 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -335,8 +335,8 @@ const Navbar = () => {
                   <div className="flex items-center gap-3 text-default-800">
                     <Image src={"/assets/avatar-profile.png"} alt={"Image"} width={36} height={36} className="rounded-full" />
                     <div>
-                      <div className="text-sm font-medium capitalize lg:block hidden whitespace-nowrap">{detail?.fullname}</div>
-                      <p className="text-xs whitespace-nowrap">({detail?.fullname})</p>
+                      <div className="text-sm font-medium capitalize lg:block hidden whitespace-nowrap overflow-hidden truncate">{detail?.fullname}</div>
+                      <p className="text-xs whitespace-nowrap overflow-hidden truncate">({detail?.fullname})</p>
                     </div>
                     <span className="text-base me-2.5 lg:inline-block hidden">
                       <Icon icon="heroicons-outline:chevron-down"></Icon>
@@ -389,8 +389,8 @@ const Navbar = () => {
                   <div className="flex items-center gap-3 text-default-800">
                     <Image src={"/assets/avatar-profile.png"} alt={"Image"} width={36} height={36} className="rounded-full" />
                     <div>
-                      <div className="text-sm font-medium capitalize lg:block hidden">{detail?.fullname}</div>
-                      <p className="text-xs">({detail?.fullname})</p>
+                      <div className="text-sm font-medium capitalize lg:block hidden whitespace-nowrap overflow-hidden truncate">{detail?.fullname}</div>
+                      <p className="text-xs whitespace-nowrap overflow-hidden truncate">({detail?.fullname})</p>
                     </div>
                     <span className="text-base me-2.5 lg:inline-block hidden">
                       <Icon icon="heroicons-outline:chevron-down"></Icon>