From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/base/tag-input/index.tsx | 19 +++++++++----------
1 files changed, 9 insertions(+), 10 deletions(-)
diff --git a/app/components/base/tag-input/index.tsx b/app/components/base/tag-input/index.tsx
index 2be9c5f..ec6c1ce 100644
--- a/app/components/base/tag-input/index.tsx
+++ b/app/components/base/tag-input/index.tsx
@@ -70,18 +70,18 @@
}
return (
- <div className={cn('flex flex-wrap', !isInWorkflow && 'min-w-[200px]', isSpecialMode ? 'rounded-lg bg-components-input-bg-normal pb-1 pl-1' : '')}>
+ <div className={cn('flex flex-wrap', !isInWorkflow && 'min-w-[200px]', isSpecialMode ? 'bg-gray-100 rounded-lg pb-1 pl-1' : '')}>
{
(items || []).map((item, index) => (
<div
key={item}
- className={cn('system-xs-regular mr-1 mt-1 flex items-center rounded-md border border-divider-deep bg-components-badge-white-to-dark py-1 pl-1.5 pr-1 text-text-secondary')}
+ className={cn('flex items-center mr-1 mt-1 pl-1.5 pr-1 py-1 system-xs-regular text-text-secondary border border-divider-deep bg-components-badge-white-to-dark rounded-md')}
>
{item}
{
!disableRemove && (
- <div className='flex h-4 w-4 cursor-pointer items-center justify-center' onClick={() => handleRemove(index)}>
- <RiCloseLine className='ml-0.5 h-3.5 w-3.5 text-text-tertiary' />
+ <div className='flex items-center justify-center w-4 h-4 cursor-pointer' onClick={() => handleRemove(index)}>
+ <RiCloseLine className='ml-0.5 w-3.5 h-3.5 text-text-tertiary' />
</div>
)
}
@@ -90,17 +90,16 @@
}
{
!disableAdd && (
- <div className={cn('group/tag-add mt-1 flex items-center gap-x-0.5', !isSpecialMode ? 'rounded-md border border-dashed border-divider-deep px-1.5' : '')}>
- {!isSpecialMode && !focused && <RiAddLine className='h-3.5 w-3.5 text-text-placeholder group-hover/tag-add:text-text-secondary' />}
+ <div className={cn('flex items-center gap-x-0.5 mt-1 group/tag-add', !isSpecialMode ? 'px-1.5 rounded-md border border-dashed border-divider-deep' : '')}>
+ {!isSpecialMode && !focused && <RiAddLine className='w-3.5 h-3.5 text-text-placeholder group-hover/tag-add:text-text-secondary' />}
<AutosizeInput
- inputClassName={cn('appearance-none caret-[#295EFF] outline-none placeholder:text-text-placeholder group-hover/tag-add:placeholder:text-text-secondary', isSpecialMode ? 'bg-transparent' : '')}
+ inputClassName={cn('outline-none appearance-none placeholder:text-text-placeholder caret-[#295EFF] group-hover/tag-add:placeholder:text-text-secondary', isSpecialMode ? 'bg-transparent' : '')}
className={cn(
!isInWorkflow && 'max-w-[300px]',
isInWorkflow && 'max-w-[146px]',
`
- system-xs-regular overflow-hidden rounded-md py-1
- ${isSpecialMode && 'border border-transparent px-1.5'}
- ${focused && isSpecialMode && 'border-dashed border-divider-deep'}
+ py-1 rounded-md overflow-hidden system-xs-regular
+ ${focused && isSpecialMode && 'px-1.5 border border-dashed border-divider-deep'}
`)}
onFocus={() => setFocused(true)}
onBlur={handleBlur}
--
Gitblit v1.8.0