feat: tailwind related improvement (#6085)

web/app/components/workflow/nodes/http/components/api-input.tsx

@@ -1,7 +1,6 @@
 'use client'
 import type { FC } from 'react'
 import React, { useState } from 'react'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import { RiArrowDownSLine } from '@remixicon/react'
 import { Method } from '../types'
@@ -9,6 +8,7 @@ import Selector from '../../_base/components/selector'
 import useAvailableVarList from '../../_base/hooks/use-available-var-list'
 import { VarType } from '../../../types'
 import type { Var } from '../../../types'
+import cn from '@/utils/classnames'
 import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
 
 const MethodOptions = [

web/app/components/workflow/nodes/http/components/authorization/radio-group.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
-import cn from 'classnames'
+import cn from '@/utils/classnames'
 
 type Option = {
   value: string

web/app/components/workflow/nodes/http/components/edit-body/index.tsx

@@ -2,12 +2,12 @@
 import type { FC } from 'react'
 import React, { useCallback, useEffect } from 'react'
 import produce from 'immer'
-import cn from 'classnames'
 import type { Body } from '../../types'
 import { BodyType } from '../../types'
 import useKeyValueList from '../../hooks/use-key-value-list'
 import KeyValue from '../key-value'
 import useAvailableVarList from '../../../_base/hooks/use-available-var-list'
+import cn from '@/utils/classnames'
 import InputWithVar from '@/app/components/workflow/nodes/_base/components/prompt/editor'
 import type { Var } from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'

web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx

@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import useAvailableVarList from '../../../../_base/hooks/use-available-var-list'
+import cn from '@/utils/classnames'
 import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
 import type { Var } from '@/app/components/workflow/types'

web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx

@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import produce from 'immer'
 import type { KeyValue } from '../../../types'
 import InputItem from './input-item'
+import cn from '@/utils/classnames'
 
 const i18nPrefix = 'workflow.nodes.http'
 

web/app/components/workflow/nodes/http/components/timeout/index.tsx

@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
 import type { Timeout as TimeoutPayloadType } from '../../types'
+import cn from '@/utils/classnames'
 import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
 
 type Props = {