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/api-based-extension-page/selector.tsx | 36 ++++++++++++++++++------------------
1 files changed, 18 insertions(+), 18 deletions(-)
diff --git a/app/components/header/account-setting/api-based-extension-page/selector.tsx b/app/components/header/account-setting/api-based-extension-page/selector.tsx
index 19d034a..fb1b22d 100644
--- a/app/components/header/account-setting/api-based-extension-page/selector.tsx
+++ b/app/components/header/account-setting/api-based-extension-page/selector.tsx
@@ -54,40 +54,40 @@
{
currentItem
? (
- <div className='flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2.5'>
- <div className='text-sm text-text-primary'>{currentItem.name}</div>
+ <div className='flex items-center justify-between pl-3 pr-2.5 h-9 bg-gray-100 rounded-lg cursor-pointer'>
+ <div className='text-sm text-gray-900'>{currentItem.name}</div>
<div className='flex items-center'>
- <div className='mr-1.5 w-[270px] truncate text-right text-xs text-text-quaternary'>
+ <div className='mr-1.5 w-[270px] text-xs text-gray-400 truncate text-right'>
{currentItem.api_endpoint}
</div>
- <RiArrowDownSLine className={`h-4 w-4 text-text-secondary ${!open && 'opacity-60'}`} />
+ <RiArrowDownSLine className={`w-4 h-4 text-gray-700 ${!open && 'opacity-60'}`} />
</div>
</div>
)
: (
- <div className='flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2.5 text-sm text-text-quaternary'>
+ <div className='flex items-center justify-between pl-3 pr-2.5 h-9 bg-gray-100 rounded-lg text-sm text-gray-400 cursor-pointer'>
{t('common.apiBasedExtension.selector.placeholder')}
- <RiArrowDownSLine className={`h-4 w-4 text-text-secondary ${!open && 'opacity-60'}`} />
+ <RiArrowDownSLine className={`w-4 h-4 text-gray-700 ${!open && 'opacity-60'}`} />
</div>
)
}
</PortalToFollowElemTrigger>
- <PortalToFollowElemContent className='z-[102] w-[calc(100%-32px)] max-w-[576px]'>
- <div className='z-10 w-full rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
+ <PortalToFollowElemContent className='w-[calc(100%-32px)] max-w-[576px] z-[102]'>
+ <div className='w-full rounded-lg border-[0.5px] border-gray-200 bg-white shadow-lg z-10'>
<div className='p-1'>
- <div className='flex items-center justify-between px-3 pb-1 pt-2'>
- <div className='text-xs font-medium text-text-tertiary'>
+ <div className='flex items-center justify-between px-3 pt-2 pb-1'>
+ <div className='text-xs font-medium text-gray-500'>
{t('common.apiBasedExtension.selector.title')}
</div>
<div
- className='flex cursor-pointer items-center text-xs text-text-accent'
+ className='flex items-center text-xs text-primary-600 cursor-pointer'
onClick={() => {
setOpen(false)
setShowAccountSettingModal({ payload: 'api-based-extension' })
}}
>
{t('common.apiBasedExtension.selector.manage')}
- <ArrowUpRight className='ml-0.5 h-3 w-3' />
+ <ArrowUpRight className='ml-0.5 w-3 h-3' />
</div>
</div>
<div className='max-h-[250px] overflow-y-auto'>
@@ -95,26 +95,26 @@
data?.map(item => (
<div
key={item.id}
- className='w-full cursor-pointer rounded-md px-3 py-1.5 text-left hover:stroke-state-base-hover'
+ className='px-3 py-1.5 w-full cursor-pointer hover:bg-gray-50 rounded-md text-left'
onClick={() => handleSelect(item.id!)}
>
- <div className='text-sm text-text-primary'>{item.name}</div>
- <div className='text-xs text-text-tertiary'>{item.api_endpoint}</div>
+ <div className='text-sm text-gray-900'>{item.name}</div>
+ <div className='text-xs text-gray-500'>{item.api_endpoint}</div>
</div>
))
}
</div>
</div>
- <div className='h-[1px] bg-divider-regular' />
+ <div className='h-[1px] bg-gray-100' />
<div className='p-1'>
<div
- className='flex h-8 cursor-pointer items-center px-3 text-sm text-text-accent'
+ className='flex items-center px-3 h-8 text-sm text-primary-600 cursor-pointer'
onClick={() => {
setOpen(false)
setShowApiBasedExtensionModal({ payload: {}, onSaveCallback: () => mutate() })
}}
>
- <RiAddLine className='mr-2 h-4 w-4' />
+ <RiAddLine className='mr-2 w-4 h-4' />
{t('common.operation.add')}
</div>
</div>
--
Gitblit v1.8.0