From 4fe8fcb9dac8ab46b2f92e2a0b8b87a235252aa2 Mon Sep 17 00:00:00 2001
From: zhangjinlong <zhangjinlongll@163.com>
Date: Thu, 8 Oct 2020 13:03:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B7=A6=E4=BE=A7=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/global.css                 |  3 ++-
 src/pages/editor/TargetBox.tsx |  2 +-
 src/pages/editor/index.less    | 11 ++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/global.css b/src/global.css
index 3ce02c2..e35bd1d 100644
--- a/src/global.css
+++ b/src/global.css
@@ -68,7 +68,8 @@ body {
 .ant-tabs-left.editorTabclass .ant-tabs-tabpane{
   display: flex;
   flex-wrap: wrap;
-  padding-left: 12px!important;
+  padding-left: 10px!important;
+  padding-right: 10px!important;
 }
 
 .ant-form-item-label > label {
diff --git a/src/pages/editor/TargetBox.tsx b/src/pages/editor/TargetBox.tsx
index 73bc4aa..b6a4744 100644
--- a/src/pages/editor/TargetBox.tsx
+++ b/src/pages/editor/TargetBox.tsx
@@ -45,7 +45,7 @@ const TargetBox = memo((props: TargetBoxProps) => {
   );
   return (
     <>
-      <div style={{ width: '50%', padding: '10px' }}>
+      <div className={styles.listWrap}>
         <div className={styles.module} style={{ ...containerStyle }} ref={drag}>
           <div
             style={{
diff --git a/src/pages/editor/index.less b/src/pages/editor/index.less
index 63a14e4..f24a792 100644
--- a/src/pages/editor/index.less
+++ b/src/pages/editor/index.less
@@ -47,9 +47,18 @@
       .searchBar {
         margin-bottom: 20px;
       }
+      &Wrap {
+        width: 50%;
+        &:nth-child(even) {
+          padding-left: 0px;
+        }
+        &:nth-child(odd) {
+          padding-left: 8px;
+        }
+      }
       .module {
         position: relative;
-        margin-bottom: 12px;
+        margin-bottom: 10px;
         width: 100%;
         overflow: hidden;
         user-select: none;