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/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx | 22 ++++++++++++---------- 1 files changed, 12 insertions(+), 10 deletions(-) diff --git a/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx b/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx index 20a9bdc..de5061e 100644 --- a/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx +++ b/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx @@ -2,13 +2,12 @@ import { useCallback } from 'react' import { useTranslation } from 'react-i18next' import { RiArrowDownSLine } from '@remixicon/react' -import Button from '@/app/components/base/button' import Dropdown from '@/app/components/base/dropdown' +import { SlidersH } from '@/app/components/base/icons/src/vender/line/mediaAndDevices' import { Brush01 } from '@/app/components/base/icons/src/vender/solid/editor' import { Scales02 } from '@/app/components/base/icons/src/vender/solid/FinanceAndECommerce' import { Target04 } from '@/app/components/base/icons/src/vender/solid/general' import { TONE_LIST } from '@/config' -import cn from '@/utils/classnames' type PresetsParameterProps = { onSelect: (toneId: number) => void @@ -19,16 +18,19 @@ const { t } = useTranslation() const renderTrigger = useCallback((open: boolean) => { return ( - <Button - size={'small'} - variant={'secondary'} - className={cn(open && 'bg-state-base-hover')} + <div + className={` + flex items-center px-[7px] h-7 rounded-md border-[0.5px] border-gray-200 shadow-xs + text-xs font-medium text-gray-700 cursor-pointer + ${open && 'bg-gray-100'} + `} > + <SlidersH className='mr-[5px] w-3.5 h-3.5 text-gray-500' /> {t('common.modelProvider.loadPresets')} - <RiArrowDownSLine className='ml-0.5 h-3.5 w-3.5' /> - </Button> + <RiArrowDownSLine className='ml-0.5 w-3.5 h-3.5 text-gray-500' /> + </div> ) - }, [t]) + }, []) const getToneIcon = (toneId: number) => { const className = 'mr-2 w-[14px] h-[14px]' const res = ({ @@ -42,7 +44,7 @@ return { value: tone.id, text: ( - <div className='flex h-full items-center'> + <div className='flex items-center h-full'> {getToneIcon(tone.id)} {t(`common.model.tone.${tone.name}`) as string} </div> -- Gitblit v1.8.0