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/share/text-generation/run-batch/csv-reader/index.tsx |   17 +++++++----------
 1 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/app/components/share/text-generation/run-batch/csv-reader/index.tsx b/app/components/share/text-generation/run-batch/csv-reader/index.tsx
index c19ec21..ac51bca 100644
--- a/app/components/share/text-generation/run-batch/csv-reader/index.tsx
+++ b/app/components/share/text-generation/run-batch/csv-reader/index.tsx
@@ -5,6 +5,7 @@
   useCSVReader,
 } from 'react-papaparse'
 import { useTranslation } from 'react-i18next'
+import s from './style.module.css'
 import cn from '@/utils/classnames'
 import { Csv as CSVIcon } from '@/app/components/base/icons/src/public/files'
 
@@ -40,27 +41,23 @@
         <>
           <div
             {...getRootProps()}
-            className={cn(
-              'system-sm-regular flex h-20 items-center rounded-xl border border-dashed border-components-dropzone-border bg-components-dropzone-bg',
-              acceptedFile && 'border-solid border-components-panel-border bg-components-panel-on-panel-item-bg px-6 hover:border-components-panel-bg-blur hover:bg-components-panel-on-panel-item-bg-hover',
-              zoneHover && 'border border-components-dropzone-border-accent bg-components-dropzone-bg-accent',
-            )}
+            className={cn(s.zone, zoneHover && s.zoneHover, acceptedFile ? 'px-6' : 'justify-center border-dashed text-gray-500')}
           >
             {
               acceptedFile
                 ? (
-                  <div className='flex w-full items-center space-x-2'>
+                  <div className='w-full flex items-center space-x-2'>
                     <CSVIcon className="shrink-0" />
                     <div className='flex w-0 grow'>
-                      <span className='max-w-[calc(100%_-_30px)] truncate text-text-secondary'>{acceptedFile.name.replace(/.csv$/, '')}</span>
-                      <span className='shrink-0 text-text-tertiary'>.csv</span>
+                      <span className='max-w-[calc(100%_-_30px)] text-ellipsis whitespace-nowrap overflow-hidden text-gray-800'>{acceptedFile.name.replace(/.csv$/, '')}</span>
+                      <span className='shrink-0 text-gray-500'>.csv</span>
                     </div>
                   </div>
                 )
                 : (
-                  <div className='flex w-full items-center justify-center space-x-2'>
+                  <div className='flex items-center justify-center space-x-2'>
                     <CSVIcon className="shrink-0" />
-                    <div className='text-text-tertiary'>{t('share.generation.csvUploadTitle')}<span className='cursor-pointer text-text-accent'>{t('share.generation.browse')}</span></div>
+                    <div className='text-gray-500'>{t('share.generation.csvUploadTitle')}<span className='text-primary-400'>{t('share.generation.browse')}</span></div>
                   </div>
                 )}
           </div>

--
Gitblit v1.8.0