feat: Update subTable style

quanxiang-cloud · Dec 14, 2023 · 9ab91db · 9ab91db
1 parent e3a718c
commit 9ab91db
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/clients/components/form-builder/registry/associated-data/associated-data.tsx b/clients/components/form-builder/registry/associated-data/associated-data.tsx
@@ -53,17 +53,17 @@ export function AssociatedData({
   }
 
   return (
-    <div className='w-full h-32'>
-      <div className={`ant-input h-full flex justify-between py-2 items-center ${window?.isMobile ? 'is-mobile-associated-data' : ''}`}>
+    <div className='w-full h-32 overflow-auto' >
+      <div className={`ant-input h-full flex justify-between py-2 items-center width-fit-content ${window?.isMobile ? 'is-mobile-associated-data' : ''}`}>
         <div className='flex-1'>
           {value ? (
-            <span className='associated-span'>
+            <span className='associated-span nowrap'>
               {value.label}
               <Icon onClick={handleClose} clickable size={16} name='close' />
             </span>
-          ) : <span className='text-gray-300'>{placeholder}</span>}
+          ) : <span className='text-gray-300 nowrap'>{placeholder}</span>}
         </div>
-        <span className='cursor-pointer text-blue-500' onClick={() => setVisible(true)}>
+        <span className='cursor-pointer text-blue-500 nowrap' onClick={() => setVisible(true)}>
           选择关联数据
         </span>
       </div>

diff --git a/clients/components/form-builder/registry/associated-data/index.scss b/clients/components/form-builder/registry/associated-data/index.scss
@@ -15,4 +15,12 @@
 
 .associated-box {
   line-height: 32px;
+}
+
+.nowrap{
+  white-space: nowrap;
+}
+
+.width-fit-content{
+  width: fit-content;
 }
diff --git a/clients/components/form-builder/registry/sub-table/preview/style.scss b/clients/components/form-builder/registry/sub-table/preview/style.scss
@@ -22,5 +22,8 @@
     width: calc(100% - 20px);
     overflow: auto;
   }
+  &>.mega-layout-container{
+    overflow: initial;
+  }
 }