opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(checkbox): adjust styles for checkbox component layout

This commit is contained in:
zhsama 2025-10-22 17:35:04 +08:00
parent b2730d680c
commit 128bc2241d
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/base/badge.tsx
View File

@ -20,7 +20,7 @@ const Badge = ({
return (
<div
className={cn(
'relative inline-flex h-5 items-center rounded-[5px] border border-divider-deep px-[5px] leading-3 text-text-tertiary',
'relative inline-flex h-5 items-center whitespace-nowrap rounded-[5px] border border-divider-deep px-[5px] leading-3 text-text-tertiary',
uppercase ? 'system-2xs-medium-uppercase' : 'system-xs-medium',
className,
)}

6
web/app/components/base/checkbox-list/index.tsx
View File

@ -99,7 +99,7 @@ const CheckboxList: FC<CheckboxListProps> = ({
}, [value, onChange, disabled])
return (
<div className={cn('flex flex-col gap-1', containerClassName)}>
<div className={cn('flex w-full flex-col gap-1', containerClassName)}>
{label && (
<div className='system-sm-medium text-text-secondary'>
{label}
@ -122,9 +122,9 @@ const CheckboxList: FC<CheckboxListProps> = ({
disabled={disabled}
/>
)}
{!searchQuery ? <div className='flex flex-1 items-center gap-1'>
{!searchQuery ? <div className='flex min-w-0 flex-1 items-center gap-1'>
{title && (
<span className='system-xs-semibold-uppercase leading-5 text-text-secondary'>
<span className='system-xs-semibold-uppercase truncate leading-5 text-text-secondary'>
{title}
</span>
)}