admin/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: tailwind related improvement (#6085)

Browse Source
This commit is contained in:
Joel
2024-07-09 15:05:40 +08:00
committed by GitHub
parent 7c70eb87bc
commit eff280f3e7
340 changed files with 2117 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/components/tools/labels/filter.tsx
View File

@@ -3,9 +3,9 @@ import { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { useContext } from 'use-context-selector'
import { useDebounceFn, useMount } from 'ahooks'
import cn from 'classnames'
import { RiArrowDownSLine } from '@remixicon/react'
import { useStore as useLabelStore } from './store'
import cn from '@/utils/classnames'
import {
PortalToFollowElem,
PortalToFollowElemContent,
@@ -97,7 +97,7 @@ const LabelFilter: FC<LabelFilterProps> = ({
)}
{!value.length && (
<div className='p-[1px]'>
<RiArrowDownSLine className='h-3.5 w-3.5 text-gray-700'/>
<RiArrowDownSLine className='h-3.5 w-3.5 text-gray-700' />
</div>
)}
{!!value.length && (
@@ -105,7 +105,7 @@ const LabelFilter: FC<LabelFilterProps> = ({
e.stopPropagation()
onChange([])
}}>
<XCircle className='h-3.5 w-3.5 text-gray-400 group-hover/clear:text-gray-600'/>
<XCircle className='h-3.5 w-3.5 text-gray-400 group-hover/clear:text-gray-600' />
</div>
)}
</div>
@@ -123,7 +123,7 @@ const LabelFilter: FC<LabelFilterProps> = ({
onClick={() => selectLabel(label)}
>
<div title={label.label[language]} className='grow text-sm text-gray-700 leading-5 truncate'>{label.label[language]}</div>
{value.includes(label.name) && <Check className='shrink-0 w-4 h-4 text-primary-600'/>}
{value.includes(label.name) && <Check className='shrink-0 w-4 h-4 text-primary-600' />}
</div>
))}
{!filteredLabelList.length && (

6
web/app/components/tools/labels/selector.tsx
View File

@@ -3,9 +3,9 @@ import { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { useContext } from 'use-context-selector'
import { useDebounceFn, useMount } from 'ahooks'
import cn from 'classnames'
import { RiArrowDownSLine } from '@remixicon/react'
import { useStore as useLabelStore } from './store'
import cn from '@/utils/classnames'
import {
PortalToFollowElem,
PortalToFollowElemContent,
@@ -87,7 +87,7 @@ const LabelSelector: FC<LabelSelectorProps> = ({
{!!value.length && selectedLabels}
</div>
<div className='shrink-0 ml-1 text-gray-700 opacity-60'>
<RiArrowDownSLine className='h-4 w-4'/>
<RiArrowDownSLine className='h-4 w-4' />
</div>
</div>
</PortalToFollowElemTrigger>
@@ -106,7 +106,7 @@ const LabelSelector: FC<LabelSelectorProps> = ({
<Checkbox
className='shrink-0'
checked={value.includes(label.name)}
onCheck={() => {}}
onCheck={() => { }}
/>
<div title={label.label[language]} className='grow text-sm text-gray-700 leading-5 truncate'>{label.label[language]}</div>
</div>