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/notion-page-selector/search-input/index.tsx | 12 ++++++------
1 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/app/components/base/notion-page-selector/search-input/index.tsx b/app/components/base/notion-page-selector/search-input/index.tsx
index 6bf819e..8bf5527 100644
--- a/app/components/base/notion-page-selector/search-input/index.tsx
+++ b/app/components/base/notion-page-selector/search-input/index.tsx
@@ -1,7 +1,7 @@
import { useCallback } from 'react'
import type { ChangeEvent } from 'react'
import { useTranslation } from 'react-i18next'
-import { RiCloseCircleFill, RiSearchLine } from '@remixicon/react'
+import s from './index.module.css'
import cn from '@/utils/classnames'
type SearchInputProps = {
@@ -19,18 +19,18 @@
}, [onChange])
return (
- <div className={cn('flex h-8 w-[200px] items-center rounded-lg bg-components-input-bg-normal p-2')}>
- <RiSearchLine className={'mr-0.5 h-4 w-4 shrink-0 text-components-input-text-placeholder'} />
+ <div className={cn(s['input-wrapper'], 'flex items-center px-2 h-7 rounded-md', `${value ? 'bg-white' : 'bg-gray-100'}`)}>
+ <div className={cn(s['search-icon'], 'mr-[6px] w-4 h-4')} />
<input
- className='min-w-0 grow appearance-none border-0 bg-transparent px-1 text-[13px] leading-[16px] text-components-input-text-filled outline-0 placeholder:text-components-input-text-placeholder'
+ className='grow text-[13px] bg-inherit border-0 outline-0 appearance-none'
value={value}
onChange={(e: ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}
placeholder={t('common.dataSource.notion.selector.searchPages') || ''}
/>
{
value && (
- <RiCloseCircleFill
- className={'h-4 w-4 shrink-0 cursor-pointer text-components-input-text-placeholder'}
+ <div
+ className={cn(s['clear-icon'], 'ml-1 w-4 h-4 cursor-pointer')}
onClick={handleClear}
/>
)
--
Gitblit v1.8.0