legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: adjust Navbar styles for improved button ring and text size

Browse Source
This commit is contained in:
Ardeman 2025-03-09 13:39:52 +08:00
parent 7afabdaa03
commit 0b3217407c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/layouts/admin/navbar.tsx
View File

@ -25,7 +25,7 @@ export const Navbar = () => {
</Link> </Link>
<div className="flex items-center gap-x-8"> <div className="flex items-center gap-x-8">
<Popover className="relative"> <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"> <div className="flex items-center space-x-3">
{staffData?.profile_picture ? ( {staffData?.profile_picture ? (
<img <img
@ -37,7 +37,7 @@ export const Navbar = () => {
<ProfileIcon className="h-8 w-8 rounded-full bg-[#C4C4C4]" /> <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> </div>
<ChevronIcon className="opacity-50" /> <ChevronIcon className="opacity-50" />
</PopoverButton> </PopoverButton>