mirror of
https://github.com/langgenius/dify.git
synced 2026-07-28 07:28:34 +08:00
19 lines
1.7 KiB
TypeScript
19 lines
1.7 KiB
TypeScript
export type MenuItemVariant = 'default' | 'destructive'
|
|
|
|
export const menuItemClassName =
|
|
'mx-1 flex h-8 cursor-pointer select-none items-center gap-1 rounded-lg px-2 outline-hidden data-highlighted:bg-state-base-hover data-disabled:cursor-not-allowed data-disabled:opacity-30'
|
|
export const menuItemDestructiveClassName =
|
|
'data-[variant=destructive]:text-text-destructive data-[variant=destructive]:data-highlighted:bg-state-destructive-hover'
|
|
export const floatingItemIndicatorClassName = 'ms-auto flex shrink-0 items-center text-text-accent'
|
|
export const floatingGroupLabelClassName =
|
|
'px-3 pb-0.5 pt-1 text-text-tertiary system-xs-medium-uppercase'
|
|
export const floatingSeparatorClassName = 'my-1 h-px bg-divider-subtle'
|
|
export const menuPopupClassName =
|
|
'max-h-(--available-height) overflow-y-auto overflow-x-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur py-1 text-sm text-text-secondary shadow-lg outline-hidden focus:outline-hidden focus-visible:outline-hidden backdrop-blur-[5px]'
|
|
export const floatingPopupAnimationClassName =
|
|
'origin-(--transform-origin) transition-[transform,scale,opacity] data-ending-style:scale-95 data-starting-style:scale-95 data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none'
|
|
export const modalBackdropClassName =
|
|
'absolute inset-0 z-50 bg-background-overlay transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none'
|
|
export const modalPopupAnimationClassName =
|
|
'transition-[transform,scale,opacity] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none'
|