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