dify/web/app/components/integrations/sidebar-nav-item-styles.ts
yyh fa65f45bff
refactor(web): align integrations sidebar components (#39202)
Co-authored-by: Jingyi <jingyi.qi@dify.ai>
2026-07-17 22:52:47 +00:00

9 lines
750 B
TypeScript

export const integrationSidebarNavItemClassName =
'flex h-8 w-full items-center gap-2 rounded-lg py-1 pr-1 pl-2 text-left system-sm-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-state-accent-solid'
export const integrationSidebarActiveNavItemClassName =
'bg-state-base-active text-components-menu-item-text-active'
export const integrationSidebarInactiveNavItemClassName =
'text-components-menu-item-text hover:bg-state-base-hover hover:text-components-menu-item-text-hover data-popup-open:bg-state-base-hover data-popup-open:text-components-menu-item-text-hover'
export const integrationSidebarDisabledNavItemClassName =
'cursor-not-allowed text-components-menu-item-text-disabled'