From 77950e48c76f4a3b29d01831d43039caba29888a Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期二, 18 十一月 2025 14:12:42 +0800
Subject: [PATCH] 修改
---
app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx | 62 +++++++++++++++----------------
1 files changed, 30 insertions(+), 32 deletions(-)
diff --git a/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx b/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
index 079bad7..556a2ef 100644
--- a/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
+++ b/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
@@ -13,7 +13,7 @@
import ModelName from '../model-name'
import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
import Tooltip from '@/app/components/base/tooltip'
-import cn from '@/utils/classnames'
+import classNames from '@/utils/classnames'
type ModelTriggerProps = {
open: boolean
@@ -33,44 +33,42 @@
return (
<div
- className={cn(
- 'group flex h-8 items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1',
- !readonly && 'cursor-pointer hover:bg-components-input-bg-hover',
- open && 'bg-components-input-bg-hover',
- model.status !== ModelStatusEnum.active && 'bg-components-input-bg-disabled hover:bg-components-input-bg-disabled',
+ className={classNames(
+ 'group flex items-center px-2 h-8 rounded-lg bg-components-input-bg-normal',
+ !readonly && 'hover:bg-components-input-bg-hover cursor-pointer',
className,
+ open && '!bg-components-input-bg-hover',
+ model.status !== ModelStatusEnum.active && '!bg-[#FFFAEB]',
)}
>
<ModelIcon
- className='p-0.5'
+ className='shrink-0 mr-1.5'
provider={provider}
modelName={model.model}
/>
- <div className='flex grow items-center gap-1 truncate px-1 py-[3px]'>
- <ModelName
- className='grow'
- modelItem={model}
- showMode
- showFeatures
- />
- {!readonly && (
- <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
- {
- model.status !== ModelStatusEnum.active
- ? (
- <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
- <AlertTriangle className='h-4 w-4 text-text-warning-secondary' />
- </Tooltip>
- )
- : (
- <RiArrowDownSLine
- className='h-3.5 w-3.5 text-text-tertiary'
- />
- )
- }
- </div>
- )}
- </div>
+ <ModelName
+ className='grow'
+ modelItem={model}
+ showMode
+ showFeatures
+ />
+ {!readonly && (
+ <div className='shrink-0 flex items-center justify-center w-4 h-4'>
+ {
+ model.status !== ModelStatusEnum.active
+ ? (
+ <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
+ <AlertTriangle className='w-4 h-4 text-[#F79009]' />
+ </Tooltip>
+ )
+ : (
+ <RiArrowDownSLine
+ className='w-3.5 h-3.5 text-gray-500'
+ />
+ )
+ }
+ </div>
+ )}
</div>
)
}
--
Gitblit v1.8.0