feat: new dataset footer ui

web/app/components/datasets/common/economical-retrieval-method-config/index.tsx

@@ -24,7 +24,9 @@ const EconomicalRetrievalMethodConfig: FC<Props> = ({
     <div className='space-y-2'>
       <OptionCard icon={<Image className='w-4 h-4' src={Selection} alt='' />}
         title={t('dataset.retrieval.invertedIndex.title')}
-        description={t('dataset.retrieval.invertedIndex.description')} isActive>
+        description={t('dataset.retrieval.invertedIndex.description')} isActive
+        activeHeaderClassName='bg-gradient-to-r from-[#F0EEFA] to-[#F9FAFB]'
+      >
         <RetrievalParamConfig
           type={RETRIEVE_METHOD.invertedIndex}
           value={value}

web/app/components/datasets/common/retrieval-method-config/index.tsx

@@ -105,7 +105,7 @@ const RetrievalMethodConfig: FC<Props> = ({
           title={
             <div className='flex items-center space-x-1'>
               <div>{t('dataset.retrieval.hybrid_search.title')}</div>
-              <div className='flex h-full items-center px-1.5 rounded-md border border-[#E0EAFF] text-xs font-medium text-[#444CE7]'>{t('dataset.retrieval.hybrid_search.recommend')}</div>
+              <div className='flex h-full items-center px-1.5 rounded-md border border-[#296cff] text-xs font-medium text-[#296cff] text-[10px]'>{t('dataset.retrieval.hybrid_search.recommend')}</div>
             </div>
           }
           description={t('dataset.retrieval.hybrid_search.description')} isActive={

web/app/components/datasets/create/step-two/index.tsx

@@ -7,6 +7,7 @@ import { useBoolean } from 'ahooks'
 import { XMarkIcon } from '@heroicons/react/20/solid'
 import { RocketLaunchIcon } from '@heroicons/react/24/outline'
 import {
+  RiArrowLeftLine,
   RiCloseLine,
   RiSearchEyeLine,
 } from '@remixicon/react'
@@ -951,9 +952,11 @@ const StepTwo = ({
             {!isSetting
               ? (
                 <div className='flex items-center mt-8 py-2'>
-                  <Button onClick={() => onStepChange && onStepChange(-1)}>{t('datasetCreation.stepTwo.previousStep')}</Button>
+                  <Button onClick={() => onStepChange && onStepChange(-1)}>
-                  <div className={s.divider} />
+                    <RiArrowLeftLine className='w-4 h-4 mr-1' />
-                  <Button loading={isCreating} variant='primary' onClick={createHandle}>{t('datasetCreation.stepTwo.nextStep')}</Button>
+                    {t('datasetCreation.stepTwo.previousStep')}
+                  </Button>
+                  <Button className='ml-auto' loading={isCreating} variant='primary' onClick={createHandle}>{t('datasetCreation.stepTwo.nextStep')}</Button>
                 </div>
               )
               : (

web/app/components/datasets/create/step-two/option-card.tsx

@@ -34,7 +34,7 @@ export const OptionCardHeader: FC<OptionCardHeaderProps> = (props) => {
     <TriangleArrow
       className='absolute left-4 -bottom-1.5'
     />
-    <div className='flex-1 space-y-1 py-3'>
+    <div className='flex-1 space-y-1 py-3 pr-4'>
       <div className='text-[#354052] text-sm font-semibold leading-tight'>{title}</div>
       <div className='text-[#676f83] text-xs font-normal leading-none'>{description}</div>
     </div>