opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-25 17:47:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

revert: checkbox style

Browse Source
This commit is contained in:
NFish 2024-12-17 10:57:45 +08:00
parent 642aab38fd
commit 1e2ca1aa7b
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/base/checkbox/index.tsx
View File

@ -1,7 +1,7 @@
import { RiCheckLine } from '@remixicon/react' import { RiCheckLine } from '@remixicon/react'
import s from './index.module.css'
import cn from '@/utils/classnames' import cn from '@/utils/classnames'
type CheckboxProps = { type CheckboxProps = {
checked?: boolean checked?: boolean
onCheck?: () => void onCheck?: () => void
@ -10,13 +10,14 @@ type CheckboxProps = {
mixed?: boolean mixed?: boolean
} }
const Checkbox = ({ checked, onCheck, className, disabled }: CheckboxProps) => { const Checkbox = ({ checked, onCheck, className, disabled, mixed }: CheckboxProps) => {
if (!checked) { if (!checked) {
return ( return (
<div <div
className={cn( className={cn(
'w-4 h-4 rounded-[4px] bg-components-checkbox-bg-unchecked border border-components-checkbox-border hover:bg-components-checkbox-bg-unchecked-hover hover:border-components-checkbox-border-hover shadow-xs cursor-pointer', 'w-4 h-4 rounded-[4px] bg-components-checkbox-bg-unchecked border border-components-checkbox-border hover:bg-components-checkbox-bg-unchecked-hover hover:border-components-checkbox-border-hover shadow-xs cursor-pointer',
disabled && 'border-components-checkbox-border-disabled bg-components-checkbox-bg-disabled hover:border-components-checkbox-border-disabled hover:bg-components-checkbox-bg-disabled cursor-not-allowed', disabled && 'border-components-checkbox-border-disabled bg-components-checkbox-bg-disabled hover:border-components-checkbox-border-disabled hover:bg-components-checkbox-bg-disabled cursor-not-allowed',
mixed && s.mixed,
className, className,
)} )}
onClick={() => { onClick={() => {