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

lint: fix tailwind lint issues (#23367)

Browse Source 
Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
This commit is contained in:
Matri Qi
2025-08-08 09:25:41 +08:00
committed by GitHub
parent 62772e8871
commit cb5e2ad9b2
46 changed files with 99 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,7 @@ type OptionCardHeaderProps = {
export const OptionCardHeader: FC<OptionCardHeaderProps> = (props) => {
const { icon, title, description, isActive, activeClassName, effectImg, disabled } = props
return <div className={classNames(
'flex h-full overflow-hidden rounded-t-xl relative',
'relative flex h-full overflow-hidden rounded-t-xl',
isActive && activeClassName,
!disabled && 'cursor-pointer',
)}>
@@ -34,7 +34,7 @@ export const OptionCardHeader: FC<OptionCardHeaderProps> = (props) => {
</div>
</div>
<TriangleArrow
className={classNames('absolute left-4 -bottom-1.5 text-transparent', isActive && 'text-components-panel-bg')}
className={classNames('absolute -bottom-1.5 left-4 text-transparent', isActive && 'text-components-panel-bg')}
/>
<div className='flex-1 space-y-0.5 py-3 pr-4'>
<div className='system-md-semibold text-text-secondary'>{title}</div>
@@ -70,7 +70,7 @@ export const OptionCard: FC<OptionCardProps> = (
(isActive && !noHighlight)
? 'border-[1.5px] border-components-option-card-option-selected-border'
: 'border border-components-option-card-option-border',
disabled && 'opacity-50 pointer-events-none',
disabled && 'pointer-events-none opacity-50',
className,
)}
style={{

8
web/app/components/datasets/create/stepper/step.tsx
View File

@@ -17,15 +17,15 @@ export const StepperStep: FC<StepperStepProps> = (props) => {
const label = isActive ? `STEP ${index + 1}` : `${index + 1}`
return <div className='flex items-center gap-2'>
<div className={classNames(
'h-5 py-1 rounded-3xl flex-col justify-center items-center gap-2 inline-flex',
'inline-flex h-5 flex-col items-center justify-center gap-2 rounded-3xl py-1',
isActive
? 'px-2 bg-state-accent-solid'
? 'bg-state-accent-solid px-2'
: !isDisabled
? 'w-5 border border-text-quaternary'
: 'w-5 border border-divider-deep',
)}>
<div className={classNames(
'text-center system-2xs-semibold-uppercase',
'system-2xs-semibold-uppercase text-center',
isActive
? 'text-text-primary-on-surface'
: !isDisabled
@@ -37,7 +37,7 @@ export const StepperStep: FC<StepperStepProps> = (props) => {
</div>
<div className={classNames('system-xs-medium-uppercase',
isActive
? 'text-text-accent system-xs-semibold-uppercase'
? 'system-xs-semibold-uppercase text-text-accent'
: !isDisabled
? 'text-text-tertiary'
: 'text-text-quaternary',

2
web/app/components/datasets/create/top-bar/index.tsx
View File

@@ -24,7 +24,7 @@ export const TopBar: FC<TopBarProps> = (props) => {
return datasetId ? `/datasets/${datasetId}/documents` : '/datasets'
}, [datasetId])
return <div className={classNames('flex shrink-0 h-[52px] items-center justify-between relative border-b border-b-divider-subtle', className)}>
return <div className={classNames('relative flex h-[52px] shrink-0 items-center justify-between border-b border-b-divider-subtle', className)}>
<Link href={fallbackRoute} replace className="inline-flex h-12 items-center justify-start gap-1 py-2 pl-2 pr-6">
<div className='p-2'>
<RiArrowLeftLine className='size-4 text-text-primary' />