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/item.tsx | 27 +++++++++++++--------------
1 files changed, 13 insertions(+), 14 deletions(-)
diff --git a/app/components/header/account-setting/api-based-extension-page/item.tsx b/app/components/header/account-setting/api-based-extension-page/item.tsx
index 5a9ed24..6d716c6 100644
--- a/app/components/header/account-setting/api-based-extension-page/item.tsx
+++ b/app/components/header/account-setting/api-based-extension-page/item.tsx
@@ -3,9 +3,8 @@
import { useTranslation } from 'react-i18next'
import {
RiDeleteBinLine,
- RiEditLine,
} from '@remixicon/react'
-import Button from '@/app/components/base/button'
+import { Edit02 } from '@/app/components/base/icons/src/vender/line/general'
import type { ApiBasedExtension } from '@/models/common'
import { useModalContext } from '@/context/modal-context'
import { deleteApiBasedExtension } from '@/service/common'
@@ -37,25 +36,25 @@
}
return (
- <div className='group mb-2 flex items-center rounded-xl border-[0.5px] border-transparent bg-components-input-bg-normal px-4 py-2 hover:border-components-input-border-active hover:shadow-xs'>
+ <div className='group flex items-center mb-2 px-4 py-2 border-[0.5px] border-transparent rounded-xl bg-gray-50 hover:border-gray-200 hover:shadow-xs'>
<div className='grow'>
- <div className='mb-0.5 text-[13px] font-medium text-text-secondary'>{data.name}</div>
- <div className='text-xs text-text-tertiary'>{data.api_endpoint}</div>
+ <div className='mb-0.5 text-[13px] font-medium text-gray-700'>{data.name}</div>
+ <div className='text-xs text-gray-500'>{data.api_endpoint}</div>
</div>
- <div className='hidden items-center group-hover:flex'>
- <Button
- className='mr-1'
+ <div className='hidden group-hover:flex items-center'>
+ <div
+ className='flex items-center mr-1 px-3 h-7 bg-white text-xs font-medium text-gray-700 rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer'
onClick={handleOpenApiBasedExtensionModal}
>
- <RiEditLine className='mr-1 h-4 w-4' />
+ <Edit02 className='mr-[5px] w-3.5 h-3.5' />
{t('common.operation.edit')}
- </Button>
- <Button
+ </div>
+ <div
+ className='flex items-center justify-center w-7 h-7 bg-white text-gray-700 rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer'
onClick={() => setShowDeleteConfirm(true)}
>
- <RiDeleteBinLine className='mr-1 h-4 w-4' />
- {t('common.operation.delete')}
- </Button>
+ <RiDeleteBinLine className='w-4 h-4' />
+ </div>
</div>
{
showDeleteConfirm
--
Gitblit v1.8.0