Merge pull request #41 from MrXujiang/yehuozhiliwork

style: fix scope

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;
 }

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 />}

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,