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,7 +55,8 @@ export const WorkspaceSidebarMenu = observer(() => {
isMobile={isMobile} isMobile={isMobile}
> >
<div <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" ? "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" : "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" : ""}`}
@ -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" && ( {!themeStore?.sidebarCollapsed && link.key === "active-cycles" && (
<Crown className="h-3.5 w-3.5 text-amber-400" /> <Crown className="h-3.5 w-3.5 text-amber-400" />
)} )}