From 0b3217407c9e2e0ff8ff784f1c13d19a31c4adb2 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Sun, 9 Mar 2025 13:39:52 +0800
Subject: [PATCH] refactor: adjust Navbar styles for improved button ring and
 text size

---
 app/layouts/admin/navbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/layouts/admin/navbar.tsx b/app/layouts/admin/navbar.tsx
index d5d1236..740bcb4 100644
--- a/app/layouts/admin/navbar.tsx
+++ b/app/layouts/admin/navbar.tsx
@@ -25,7 +25,7 @@ export const Navbar = () => {
       </Link>
       <div className="flex items-center gap-x-8">
         <Popover className="relative">
-          <PopoverButton className="flex w-3xs cursor-pointer items-center justify-between rounded-xl p-2 ring-2 ring-[#707FDD]/10 hover:shadow focus:outline-none">
+          <PopoverButton className="flex w-3xs cursor-pointer items-center justify-between rounded-xl p-2 ring-1 ring-[#707FDD]/10 hover:shadow focus:outline-none">
             <div className="flex items-center space-x-3">
               {staffData?.profile_picture ? (
                 <img
@@ -37,7 +37,7 @@ export const Navbar = () => {
                 <ProfileIcon className="h-8 w-8 rounded-full bg-[#C4C4C4]" />
               )}
 
-              <span className="text-xs">{staffData?.name}</span>
+              <span className="text-sm">{staffData?.name}</span>
             </div>
             <ChevronIcon className="opacity-50" />
           </PopoverButton>