mirror of
https://github.com/langgenius/dify.git
synced 2026-07-29 16:29:36 +08:00
17 lines
1.5 KiB
TypeScript
17 lines
1.5 KiB
TypeScript
export type OverlayItemVariant = 'default' | 'destructive'
|
|
|
|
export const overlayRowClassName =
|
|
'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 overlayDestructiveClassName =
|
|
'data-[variant=destructive]:text-text-destructive data-[variant=destructive]:data-highlighted:bg-state-destructive-hover'
|
|
export const overlayIndicatorClassName = 'ms-auto flex shrink-0 items-center text-text-accent'
|
|
export const overlayLabelClassName =
|
|
'px-3 pb-0.5 pt-1 text-text-tertiary system-xs-medium-uppercase'
|
|
export const overlaySeparatorClassName = 'my-1 h-px bg-divider-subtle'
|
|
export const overlayPopupBaseClassName =
|
|
'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 overlayPopupAnimationClassName =
|
|
'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 overlayBackdropClassName =
|
|
'fixed inset-0 z-50 bg-transparent transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none'
|