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/datasets/external-api/external-api-modal/index.tsx |   38 +++++++++++++++++++-------------------
 1 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/app/components/datasets/external-api/external-api-modal/index.tsx b/app/components/datasets/external-api/external-api-modal/index.tsx
index 8614664..340d147 100644
--- a/app/components/datasets/external-api/external-api-modal/index.tsx
+++ b/app/components/datasets/external-api/external-api-modal/index.tsx
@@ -116,31 +116,31 @@
 
   return (
     <PortalToFollowElem open>
-      <PortalToFollowElemContent className='z-[60] h-full w-full'>
+      <PortalToFollowElemContent className='w-full h-full z-[60]'>
         <div className='fixed inset-0 flex items-center justify-center bg-black/[.25]'>
-          <div className='shadows-shadow-xl relative flex w-[480px] flex-col items-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg'>
-            <div className='flex flex-col items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-              <div className='title-2xl-semi-bold grow self-stretch text-text-primary'>
+          <div className='flex relative w-[480px] flex-col items-start bg-components-panel-bg rounded-2xl border-[0.5px] border-components-panel-border shadows-shadow-xl'>
+            <div className='flex flex-col pt-6 pl-6 pb-3 pr-14 items-start gap-2 self-stretch'>
+              <div className='self-stretch text-text-primary title-2xl-semi-bold flex-grow'>
                 {
                   isEditMode ? t('dataset.editExternalAPIFormTitle') : t('dataset.createExternalAPI')
                 }
               </div>
               {isEditMode && (datasetBindings?.length ?? 0) > 0 && (
-                <div className='system-xs-regular flex items-center text-text-tertiary'>
+                <div className='text-text-tertiary system-xs-regular flex items-center'>
                   {t('dataset.editExternalAPIFormWarning.front')}
-                  <span className='flex cursor-pointer items-center text-text-accent'>
+                  <span className='text-text-accent cursor-pointer flex items-center'>
                     &nbsp;{datasetBindings?.length} {t('dataset.editExternalAPIFormWarning.end')}&nbsp;
                     <Tooltip
                       popupClassName='flex items-center self-stretch w-[320px]'
                       popupContent={
                         <div className='p-1'>
-                          <div className='flex items-start self-stretch pb-0.5 pl-2 pr-3 pt-1'>
-                            <div className='system-xs-medium-uppercase text-text-tertiary'>{`${datasetBindings?.length} ${t('dataset.editExternalAPITooltipTitle')}`}</div>
+                          <div className='flex pt-1 pb-0.5 pl-2 pr-3 items-start self-stretch'>
+                            <div className='text-text-tertiary system-xs-medium-uppercase'>{`${datasetBindings?.length} ${t('dataset.editExternalAPITooltipTitle')}`}</div>
                           </div>
                           {datasetBindings?.map(binding => (
-                            <div key={binding.id} className='flex items-center gap-1 self-stretch px-2 py-1'>
-                              <RiBook2Line className='h-4 w-4 text-text-secondary' />
-                              <div className='system-sm-medium text-text-secondary'>{binding.name}</div>
+                            <div key={binding.id} className='flex px-2 py-1 items-center gap-1 self-stretch'>
+                              <RiBook2Line className='w-4 h-4 text-text-secondary' />
+                              <div className='text-text-secondary system-sm-medium'>{binding.name}</div>
                             </div>
                           ))}
                         </div>
@@ -148,22 +148,22 @@
                       asChild={false}
                       position='bottom'
                     >
-                      <RiInformation2Line className='h-3.5 w-3.5' />
+                      <RiInformation2Line className='w-3.5 h-3.5' />
                     </Tooltip>
                   </span>
                 </div>
               )}
             </div>
-            <ActionButton className='absolute right-5 top-5' onClick={onCancel}>
-              <RiCloseLine className='h-[18px] w-[18px] shrink-0 text-text-tertiary' />
+            <ActionButton className='absolute top-5 right-5' onClick={onCancel}>
+              <RiCloseLine className='w-[18px] h-[18px] text-text-tertiary flex-shrink-0' />
             </ActionButton>
             <Form
               value={formData}
               onChange={handleDataChange}
               formSchemas={formSchemas}
-              className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'
+              className='flex px-6 py-3 flex-col justify-center items-start gap-4 self-stretch'
             />
-            <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
+            <div className='flex p-6 pt-5 justify-end items-center gap-2 self-stretch'>
               <Button type='button' variant='secondary' onClick={onCancel}>
                 {t('dataset.externalAPIForm.cancel')}
               </Button>
@@ -184,10 +184,10 @@
                 {t('dataset.externalAPIForm.save')}
               </Button>
             </div>
-            <div className='system-xs-regular flex items-center justify-center gap-1 self-stretch rounded-b-2xl border-t-[0.5px]
-              border-divider-subtle bg-background-soft px-2 py-3 text-text-tertiary'
+            <div className='flex px-2 py-3 justify-center items-center gap-1 self-stretch rounded-b-2xl
+              border-t-[0.5px] border-divider-subtle bg-background-soft text-text-tertiary system-xs-regular'
             >
-              <RiLock2Fill className='h-3 w-3 text-text-quaternary' />
+              <RiLock2Fill className='w-3 h-3 text-text-quaternary' />
               {t('dataset.externalAPIForm.encrypted.front')}
               <a
                 className='text-text-accent'

--
Gitblit v1.8.0