From dda212e5e9379d2d294ce2bed85ebe885550e375 Mon Sep 17 00:00:00 2001
From: yehuozhili <yehuozhili@outlook.com>
Date: Wed, 7 Oct 2020 18:55:13 +0800
Subject: [PATCH] style: fix scope

---
 src/global.css                               | 15 +++++++--------
 src/pages/editor/Container.tsx               |  4 ++--
 src/pages/editor/components/Header/index.tsx |  2 +-
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/global.css b/src/global.css
index 8dd1dfe..7ccc404 100644
--- a/src/global.css
+++ b/src/global.css
@@ -42,26 +42,25 @@ body {
 .react-grid-item{
   overflow: hidden;
 }
-
-.ant-tabs-nav 
-,.ant-tabs-nav-list{
+.ant-tabs-left.editorTabclass 
+.ant-tabs-nav , .ant-tabs-left.editorTabclass .ant-tabs-nav-list{
   width: 40px!important;
   min-width: 40px!important;
 }
-.ant-tabs-left{
+.ant-tabs-left.editorTabclass{
   height: 100%;
 }
 
-.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab{
+.ant-tabs-left.editorTabclass > .ant-tabs-nav .ant-tabs-tab{
   padding:20px 0px !important;
  
 }
-.ant-tabs-tab{
+.ant-tabs-left.editorTabclass .ant-tabs-tab{
   margin:auto!important;
 }
-.ant-tabs-tab   div{
+.ant-tabs-left.editorTabclass .ant-tabs-tab   div{
   display: inline-block;
 }
-.ant-tabs-content-holder{
+.ant-tabs-left.editorTabclass .ant-tabs-content-holder{
   overflow: auto;
 }
\ No newline at end of file
diff --git a/src/pages/editor/Container.tsx b/src/pages/editor/Container.tsx
index 990307e..42e46e1 100644
--- a/src/pages/editor/Container.tsx
+++ b/src/pages/editor/Container.tsx
@@ -32,7 +32,6 @@ import { ActionCreators } from 'redux-undo';
 import { StateWithHistory } from 'redux-undo';
 import styles from './index.less';
 import { useGetBall } from 'react-draggable-ball';
-import { useAnimation } from '@/utils/tool';
 import { dooringContext } from '@/layouts';
 
 const { TabPane } = Tabs;
@@ -345,6 +344,7 @@ const Container = (props: {
         >
           <div className={styles.componentList}>
             <Tabs
+              className="editorTabclass"
               onTabClick={() => changeCollapse(false)}
               defaultActiveKey="1"
               tabPosition={'left'}
@@ -354,7 +354,7 @@ const Container = (props: {
           </div>
           <div
             className={styles.collapsed}
-            style={{ position: 'absolute', bottom: '80px', left: '25px' }}
+            style={{ position: 'absolute', bottom: '80px', left: '20px' }}
             onClick={() => changeCollapse(!collapsed)}
           >
             {collapsed ? <DoubleRightOutlined /> : <DoubleLeftOutlined />}
diff --git a/src/pages/editor/components/Header/index.tsx b/src/pages/editor/components/Header/index.tsx
index fb47b17..340d18d 100644
--- a/src/pages/editor/components/Header/index.tsx
+++ b/src/pages/editor/components/Header/index.tsx
@@ -1,5 +1,5 @@
 import React, { useRef, memo, useContext } from 'react';
-import { Button, Input, Popover, Modal, Switch, Select } from 'antd';
+import { Button, Input, Popover, Modal, Select } from 'antd';
 import {
   ArrowLeftOutlined,
   MobileOutlined,