chore: app sidebar collapsed state alignment improvement (#3976)

This commit is contained in:
Anmol Singh Bhatia 2024-03-15 17:36:20 +05:30 committed by GitHub
parent 0789238282
commit 36bc7bf996
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -55,10 +55,11 @@ export const WorkspaceSidebarMenu = observer(() => {
isMobile={isMobile}
>
<div
className={`group flex w-full items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium outline-none ${link.highlight(router.asPath, `/${workspaceSlug}`)
className={`group flex w-full items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium outline-none ${
link.highlight(router.asPath, `/${workspaceSlug}`)
? "bg-custom-primary-100/10 text-custom-primary-100"
: "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80 focus:bg-custom-sidebar-background-80"
} ${themeStore?.sidebarCollapsed ? "justify-center" : ""}`}
} ${themeStore?.sidebarCollapsed ? "justify-center" : ""}`}
>
{
<link.Icon
@ -67,7 +68,7 @@ export const WorkspaceSidebarMenu = observer(() => {
})}
/>
}
<p className="leading-5">{!themeStore?.sidebarCollapsed && link.label}</p>
{!themeStore?.sidebarCollapsed && <p className="leading-5">{link.label}</p>}
{!themeStore?.sidebarCollapsed && link.key === "active-cycles" && (
<Crown className="h-3.5 w-3.5 text-amber-400" />
)}