mirror of
https://github.com/langgenius/dify.git
synced 2026-04-05 16:59:21 +08:00
refactor: update to tailwind v4 (#34415)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
@@ -20,7 +20,7 @@ const Connect = ({
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-start gap-y-2 rounded-xl bg-workflow-process-bg p-6">
|
||||
<div className="flex size-12 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-lg shadow-shadow-shadow-5">
|
||||
<div className="flex size-12 items-center justify-center radius-lg border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-lg shadow-shadow-shadow-5">
|
||||
<BlockIcon
|
||||
type={BlockEnum.DataSource}
|
||||
toolIcon={toolIcon}
|
||||
|
||||
@@ -52,7 +52,7 @@ const Dropdown = ({
|
||||
<RiMoreFill className="size-4 text-text-tertiary" />
|
||||
</button>
|
||||
</PortalToFollowElemTrigger>
|
||||
<PortalToFollowElemContent className="z-[11]">
|
||||
<PortalToFollowElemContent className="z-11">
|
||||
<Menu
|
||||
breadcrumbs={breadcrumbs}
|
||||
startIndex={startIndex}
|
||||
|
||||
@@ -5,7 +5,7 @@ const EmptyFolder = () => {
|
||||
const { t } = useTranslation()
|
||||
|
||||
return (
|
||||
<div className="flex size-full items-center justify-center rounded-[10px] bg-background-section px-1 py-1.5">
|
||||
<div className="flex size-full items-center justify-center radius-lg bg-background-section px-1 py-1.5">
|
||||
<span className="system-xs-regular text-text-tertiary">{t('onlineDrive.emptyFolder', { ns: 'datasetPipeline' })}</span>
|
||||
</div>
|
||||
)
|
||||
|
||||
@@ -15,7 +15,7 @@ const EmptySearchResult = ({
|
||||
const { t } = useTranslation()
|
||||
|
||||
return (
|
||||
<div className="flex size-full flex-col items-center justify-center gap-y-2 rounded-[10px] bg-background-section p-6">
|
||||
<div className="flex size-full flex-col items-center justify-center gap-y-2 radius-lg bg-background-section p-6">
|
||||
<SearchMenu className="size-8 text-text-tertiary" />
|
||||
<div className="system-sm-regular text-text-secondary">
|
||||
{t('onlineDrive.emptySearchResult', { ns: 'datasetPipeline' })}
|
||||
|
||||
@@ -72,7 +72,7 @@ const List = ({
|
||||
)
|
||||
}
|
||||
{fileList.length > 0 && (
|
||||
<div className="flex h-full flex-col gap-y-px overflow-y-auto rounded-[10px] bg-background-section px-1 py-1.5">
|
||||
<div className="flex h-full flex-col gap-y-px overflow-y-auto radius-lg bg-background-section px-1 py-1.5">
|
||||
{
|
||||
fileList.map((file) => {
|
||||
const isSelected = selectedFileIds.includes(file.id)
|
||||
|
||||
@@ -722,7 +722,7 @@ describe('ErrorMessage', () => {
|
||||
expect(container.firstChild).toHaveClass('border-components-panel-border')
|
||||
})
|
||||
|
||||
it('should have rounded corners', () => {
|
||||
it('should have rounded-sm corners', () => {
|
||||
const { container } = render(<ErrorMessage {...defaultProps} />)
|
||||
|
||||
expect(container.firstChild).toHaveClass('rounded-xl')
|
||||
|
||||
@@ -31,14 +31,14 @@ const Item = React.memo(({
|
||||
return (
|
||||
<div className="flex gap-x-2 px-2 py-[5px]">
|
||||
<div className="py-0.5">
|
||||
<Block className="size-4 rounded-[4px]" />
|
||||
<Block className="size-4 radius-xs" />
|
||||
</div>
|
||||
<div className="flex grow flex-col">
|
||||
<div className="flex h-5 w-full items-center">
|
||||
<Block className={cn('h-2.5 rounded-sm', firstLineWidth)} />
|
||||
<Block className={cn('h-2.5 rounded-xs', firstLineWidth)} />
|
||||
</div>
|
||||
<div className="flex h-[18px] w-full items-center">
|
||||
<Block className={cn('h-1.5 rounded-sm', secondLineWidth)} />
|
||||
<Block className={cn('h-1.5 rounded-xs', secondLineWidth)} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -74,8 +74,8 @@ const Crawling = ({
|
||||
</div>
|
||||
<div className="overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg">
|
||||
<div className="flex items-center gap-x-2 px-4 py-2">
|
||||
<Block className="size-4 rounded-[4px]" />
|
||||
<Block className="h-2.5 w-14 rounded-sm" />
|
||||
<Block className="size-4 radius-xs" />
|
||||
<Block className="h-2.5 w-14 rounded-xs" />
|
||||
</div>
|
||||
<div className="flex flex-col gap-px border-t border-divider-subtle bg-background-default-subtle p-2">
|
||||
{itemsConfig.map((item, index) => (
|
||||
|
||||
@@ -15,7 +15,7 @@ const ErrorMessage = ({
|
||||
}: ErrorMessageProps) => {
|
||||
return (
|
||||
<div className={cn(
|
||||
'flex gap-x-0.5 rounded-xl border-[0.5px] border-components-panel-border bg-opacity-40 bg-toast-error-bg p-2 shadow-xs shadow-shadow-shadow-3',
|
||||
'flex gap-x-0.5 rounded-xl border-[0.5px] border-components-panel-border bg-toast-error-bg p-2 shadow-xs shadow-shadow-shadow-3',
|
||||
className,
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -96,7 +96,7 @@ const Options = ({
|
||||
disabled={runDisabled || isRunning}
|
||||
loading={isRunning}
|
||||
className="shrink-0 gap-x-0.5"
|
||||
spinnerClassName="!ml-0"
|
||||
spinnerClassName="ml-0!"
|
||||
>
|
||||
<RiPlayLargeLine className="size-4" />
|
||||
<span className="px-0.5">{!isRunning ? t(`${I18N_PREFIX}.run`, { ns: 'datasetCreation' }) : t(`${I18N_PREFIX}.running`, { ns: 'datasetCreation' })}</span>
|
||||
|
||||
Reference in New Issue
Block a user