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

chore: align design token

This commit is contained in:
AkaraChen 2024-11-26 14:48:49 +08:00
parent b528b1e875
commit b7d9987953
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/app/components/datasets/create/step-two/index.tsx
View File

@ -666,7 +666,7 @@ const StepTwo = ({
}
>
<div className='space-y-4'>
<div className='flex gap-2'>
<div className='flex gap-3'>
<DelimiterInput
value={segmentIdentifier}
onChange={e => setSegmentIdentifier(e.target.value)}
@ -775,11 +775,11 @@ const StepTwo = ({
/>
</div>
<div className='space-y-2'>
<div className='space-y-4'>
<TextLabel>
{t('datasetCreation.stepTwo.childChunkForRetrieval')}
</TextLabel>
<div className='flex gap-2 mt-2'>
<div className='flex gap-3 mt-2'>
<DelimiterInput
value={parentChildConfig.child.delimiter}
onChange={e => setParentChildConfig({
@ -803,20 +803,22 @@ const StepTwo = ({
/>
</div>
<TextLabel>
{t('datasetCreation.stepTwo.rules')}
</TextLabel>
<div className='space-y-2'>
{rules.map(rule => (
<div key={rule.id} className={s.ruleItem} onClick={() => {
ruleChangeHandle(rule.id)
}}>
<Checkbox
checked={rule.enabled}
/>
<label className="ml-2 text-sm font-normal cursor-pointer text-gray-800">{getRuleName(rule.id)}</label>
</div>
))}
<TextLabel>
{t('datasetCreation.stepTwo.rules')}
</TextLabel>
<div className='space-y-2 mt-2'>
{rules.map(rule => (
<div key={rule.id} className={s.ruleItem} onClick={() => {
ruleChangeHandle(rule.id)
}}>
<Checkbox
checked={rule.enabled}
/>
<label className="ml-2 text-sm font-normal cursor-pointer text-gray-800">{getRuleName(rule.id)}</label>
</div>
))}
</div>
</div>
</div>
</div>

2
web/app/components/datasets/create/step-two/option-card.tsx
View File

@ -75,7 +75,7 @@ export const OptionCard: FC<OptionCardProps> = (props) => {
/>
{/** Body */}
{isActive && <div className='p-3'>{children}
{actions && <div className='flex gap-2 mt-3'>
{actions && <div className='flex gap-2 mt-4'>
{actions}
</div>}
</div>}