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:
Stephen Zhou
2026-04-02 15:06:11 +08:00
committed by GitHub
parent 9a8c853a2e
commit 1873b22e96
919 changed files with 6545 additions and 3901 deletions

View File

@@ -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}

View File

@@ -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}

View File

@@ -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>
)

View File

@@ -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' })}

View File

@@ -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)

View File

@@ -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')

View File

@@ -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) => (

View File

@@ -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,
)}
>

View File

@@ -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>