From fd2d5e7052cecaea0779bd6f71fc5c4ec5d9e2e1 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Fri, 3 Jun 2022 16:44:25 +0800
Subject: [PATCH] client: fix overflow style

---
 .../client/src/components/emoji-picker/index.module.scss  | 5 -----
 packages/client/src/components/emoji-picker/index.tsx     | 4 ++--
 packages/client/src/components/image-uploader/index.tsx   | 8 ++++----
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/packages/client/src/components/emoji-picker/index.module.scss b/packages/client/src/components/emoji-picker/index.module.scss
index 4036a62b..03791d8d 100644
--- a/packages/client/src/components/emoji-picker/index.module.scss
+++ b/packages/client/src/components/emoji-picker/index.module.scss
@@ -1,8 +1,3 @@
-.wrap {
-  height: 300px;
-  overflow: auto;
-}
-
 .listWrap {
   display: flex;
   padding: 0;
diff --git a/packages/client/src/components/emoji-picker/index.tsx b/packages/client/src/components/emoji-picker/index.tsx
index 07515ff4..bbf91d89 100644
--- a/packages/client/src/components/emoji-picker/index.tsx
+++ b/packages/client/src/components/emoji-picker/index.tsx
@@ -65,7 +65,7 @@ export const EmojiPicker: React.FC<IProps> = ({ showClear = false, onSelectEmoji
 
   const content = useMemo(
     () => (
-      <div className={styles.wrap} style={{ padding: isMobile ? '24px 0' : 0 }}>
+      <div className={styles.wrap}>
         <Tabs
           size="small"
           lazyRender
@@ -95,7 +95,7 @@ export const EmojiPicker: React.FC<IProps> = ({ showClear = false, onSelectEmoji
         </Tabs>
       </div>
     ),
-    [isMobile, showClear, renderedList, selectEmoji, clear]
+    [showClear, renderedList, selectEmoji, clear]
   );
 
   useEffect(() => {
diff --git a/packages/client/src/components/image-uploader/index.tsx b/packages/client/src/components/image-uploader/index.tsx
index 126cb8b7..6ead92a4 100644
--- a/packages/client/src/components/image-uploader/index.tsx
+++ b/packages/client/src/components/image-uploader/index.tsx
@@ -71,7 +71,7 @@ export const ImageUploader: React.FC<IProps> = ({ images, selectImage, children
     () =>
       images.map((image) => {
         return (
-          <TabPane key={image.key} tab={image.title} itemKey={image.key}>
+          <TabPane key={image.key} tab={image.title} itemKey={image.key} style={{ height: 250, overflow: 'auto' }}>
             {chunk(image.images, 4).map((chunk, index) => {
               return (
                 <Row gutter={6} key={index} style={{ marginTop: index === 0 ? 0 : 6 }}>
@@ -100,7 +100,7 @@ export const ImageUploader: React.FC<IProps> = ({ images, selectImage, children
 
   const content = useMemo(
     () => (
-      <div className={styles.wrap} style={{ padding: isMobile ? '24px 0' : 0 }}>
+      <div className={styles.wrap}>
         <Tabs
           size="small"
           lazyRender
@@ -112,13 +112,13 @@ export const ImageUploader: React.FC<IProps> = ({ images, selectImage, children
           }
         >
           {imageTabs}
-          <TabPane tab="上传" itemKey="upload" style={{ textAlign: 'center' }}>
+          <TabPane tab="上传" itemKey="upload" style={{ textAlign: 'center', height: 250, overflow: 'auto' }}>
             <UploadTab selectImage={(url) => selectImage(url)} />
           </TabPane>
         </Tabs>
       </div>
     ),
-    [isMobile, imageTabs, selectImage, clear]
+    [imageTabs, selectImage, clear]
   );
 
   return (