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/app/overview/apikey-info-panel/index.tsx |   18 +++++++++---------
 1 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/components/app/overview/apikey-info-panel/index.tsx b/app/components/app/overview/apikey-info-panel/index.tsx
index 7654d49..661a88e 100644
--- a/app/components/app/overview/apikey-info-panel/index.tsx
+++ b/app/components/app/overview/apikey-info-panel/index.tsx
@@ -27,8 +27,8 @@
     return null
 
   return (
-    <div className={cn('border-components-panel-border bg-components-panel-bg', 'relative mb-6 rounded-2xl border p-8 shadow-md ')}>
-      <div className={cn('text-[24px] font-semibold text-text-primary', isCloud ? 'flex h-8 items-center space-x-1' : 'mb-6 leading-8')}>
+    <div className={cn('bg-[#EFF4FF] border-[#D1E0FF]', 'mb-6 relative  rounded-2xl shadow-md border  p-8 ')}>
+      <div className={cn('text-[24px] text-gray-800 font-semibold', isCloud ? 'flex items-center h-8 space-x-1' : 'leading-8 mb-6')}>
         {isCloud && <em-emoji id={'馃榾'} />}
         {isCloud
           ? (
@@ -42,30 +42,30 @@
           )}
       </div>
       {isCloud && (
-        <div className='mt-1 text-sm font-normal text-text-tertiary'>{t(`appOverview.apiKeyInfo.cloud.${'trial'}.description`)}</div>
+        <div className='mt-1 text-sm text-gray-600 font-normal'>{t(`appOverview.apiKeyInfo.cloud.${'trial'}.description`)}</div>
       )}
       <Button
         variant='primary'
-        className='mt-2 space-x-2'
+        className='space-x-2'
         onClick={() => setShowAccountSettingModal({ payload: 'provider' })}
       >
         <div className='text-sm font-medium'>{t('appOverview.apiKeyInfo.setAPIBtn')}</div>
-        <LinkExternal02 className='h-4 w-4' />
+        <LinkExternal02 className='w-4 h-4' />
       </Button>
       {!isCloud && (
         <a
-          className='mt-2 flex h-[26px] items-center space-x-1  p-1 text-xs font-medium text-[#155EEF]'
+          className='mt-2 flex items-center h-[26px] text-xs  font-medium text-[#155EEF] p-1 space-x-1'
           href='https://cloud.dify.ai/apps'
           target='_blank' rel='noopener noreferrer'
         >
           <div>{t('appOverview.apiKeyInfo.tryCloud')}</div>
-          <LinkExternal02 className='h-3 w-3' />
+          <LinkExternal02 className='w-3 h-3' />
         </a>
       )}
       <div
         onClick={() => setIsShow(false)}
-        className='absolute right-4 top-4 flex h-8 w-8 cursor-pointer items-center justify-center '>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        className='absolute right-4 top-4 flex items-center justify-center w-8 h-8 cursor-pointer '>
+        <RiCloseLine className='w-4 h-4 text-gray-500' />
       </div>
     </div>
   )

--
Gitblit v1.8.0