From 18bf815eedd76bc01bb510cc30b286e662efae67 Mon Sep 17 00:00:00 2001
From: tristan <yangguochun@ddweilai.com>
Date: Thu, 12 Sep 2019 16:37:08 +0800
Subject: [PATCH] feat: remove divider

---
 src/components/ColorSet/index.js | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/components/ColorSet/index.js b/src/components/ColorSet/index.js
index a3a4034..b199503 100644
--- a/src/components/ColorSet/index.js
+++ b/src/components/ColorSet/index.js
@@ -20,27 +20,21 @@ const Wrapper = styled.div`
       font-size: 0.8rem;
       font-weight: 800;
       &:not(:first-child) {
-        margin-right: -1rem;
+        margin-right: -1.4rem;
       }
       &.selected {
         transform: translateY(-1.6rem);
       }
     }
   }
-  &.expand ul li:not(:last-child) {
-    margin-right: 0.4rem;
-  }
-  .divider {
-    position: absolute;
-    right: -1.2rem;
-    top: 50%;
-    transform: translateY(-50%);
-    color: #aaa;
+  &.expand ul li {
+    margin-right: 0.2rem;
   }
+
   .tip {
     position: absolute;
-    right: -4.3rem;
-    top: 110%;
+    right: -1.4rem;
+    top: 116%;
     padding: 0.3rem 0.5rem;
     border-radius: 0.3rem;
     font-size: 0.8rem;
@@ -50,11 +44,11 @@ const Wrapper = styled.div`
   .btn {
     cursor: pointer;
     position: absolute;
-    right: -4rem;
+    right: -1.6rem;
     top: 50%;
     transform: translateY(-50%);
-    width: 2rem;
-    height: 2rem;
+    width: 3rem;
+    height: 3rem;
     background: #333;
     border: none;
     border-radius: 50%;
@@ -108,7 +102,6 @@ const ColorSet = ({ currSetName, setCurrSet, sets }) => {
           return null;
         })}
       </ul>
-      <i className="divider">|</i>
       <button onClick={handleSetHover} className="btn">
         巜
       </button>