Merge pull request #969 from makeplane/style/workspace_sidebar

style: workspace sidebar
This commit is contained in:
guru_sainath 2023-04-29 14:15:41 +05:30 committed by GitHub
commit f187d9512a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 15 deletions

View File

@ -178,11 +178,9 @@ export const SingleSidebarProject: React.FC<Props> = ({
>
<div className="grid place-items-center">
<item.icon
className={`h-5 w-5 flex-shrink-0 ${
router.asPath.includes(item.href)
? "text-brand-secondary"
: "text-brand-secondary group-hover:text-brand-base"
} ${!sidebarCollapse ? "mr-3" : ""}`}
className={`h-5 w-5 flex-shrink-0 text-brand-secondary ${
!sidebarCollapse ? "mr-3" : ""
}`}
color="#858e96"
aria-hidden="true"
/>

View File

@ -48,22 +48,14 @@ export const WorkspaceSidebarMenu: React.FC = () => {
: router.asPath.includes(link.href)
)
? "bg-brand-base text-brand-base"
: "text-brand-secondary hover:bg-brand-base hover:text-brand-base focus:bg-brand-base"
: "text-brand-secondary hover:bg-brand-surface-1 hover:text-brand-secondary focus:bg-brand-base focus:text-brand-secondary"
} group flex w-full items-center gap-3 rounded-md p-2 text-sm font-medium outline-none ${
sidebarCollapse ? "justify-center" : ""
}`}
>
<span className="grid h-5 w-5 flex-shrink-0 place-items-center">
<link.icon
className={`${
(
link.name === "Dashboard"
? router.asPath === link.href
: router.asPath.includes(link.href)
)
? "text-brand-base"
: "text-brand-secondary"
} group-hover:text-brand-base`}
className="text-brand-secondary"
aria-hidden="true"
height="20"
width="20"