chore: tweak user profile

This commit is contained in:
Steven
2024-03-14 00:13:56 +08:00
parent 2516431b20
commit 9ce381abb9
4 changed files with 31 additions and 10 deletions

View File

@ -132,7 +132,7 @@ const Navigation = (props: Props) => {
<NavLink
className={({ isActive }) =>
classNames(
"px-2 py-2 rounded-2xl border flex flex-row items-center text-lg text-gray-800 dark:text-gray-300 hover:bg-white hover:border-gray-200 dark:hover:border-zinc-700 dark:hover:bg-zinc-800",
"px-2 py-2 rounded-2xl border flex flex-row items-center text-lg text-gray-800 dark:text-gray-400 hover:bg-white hover:border-gray-200 dark:hover:border-zinc-700 dark:hover:bg-zinc-800",
collapsed ? "" : "w-full px-4",
isActive ? "bg-white drop-shadow-sm dark:bg-zinc-800 border-gray-200 dark:border-zinc-700" : "border-transparent",
)
@ -149,7 +149,7 @@ const Navigation = (props: Props) => {
) : (
navLink.icon
)}
{!props.collapsed && <span className="ml-3">{navLink.title}</span>}
{!props.collapsed && <span className="ml-3 truncate">{navLink.title}</span>}
</NavLink>
))}
</div>