AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-14 03:15:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Divider component now supports gradient background (#11130)

Browse Source
This commit is contained in:
NFish 2024-11-26 17:44:56 +08:00 committed by GitHub
parent 208d6d6d94
commit b3d65cc7df
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/components/base/divider/index.tsx
View File

@ -3,17 +3,21 @@ import React from 'react'
import { type VariantProps, cva } from 'class-variance-authority'
import classNames from '@/utils/classnames'
const dividerVariants = cva(
'bg-divider-regular',
const dividerVariants = cva('',
{
variants: {
type: {
horizontal: 'w-full h-[0.5px] my-2',
horizontal: 'w-full h-[0.5px] my-2 ',
vertical: 'w-[1px] h-full mx-2',
},
bgStyle: {
gradient: 'bg-gradient-to-r from-divider-regular to-background-gradient-mask-transparent',
solid: 'bg-divider-regular',
},
},
defaultVariants: {
type: 'horizontal',
bgStyle: 'solid',
},
},
)
@ -23,9 +27,9 @@ type DividerProps = {
style?: CSSProperties
} & VariantProps<typeof dividerVariants>
const Divider: FC<DividerProps> = ({ type, className = '', style }) => {
const Divider: FC<DividerProps> = ({ type, bgStyle, className = '', style }) => {
return (
<div className={classNames(dividerVariants({ type }), className)} style={style}></div>
<div className={classNames(dividerVariants({ type, bgStyle }), className)} style={style}></div>
)
}