handler use flex

8 years ago · 2b82f6b6a0
3 changed files with 6 additions and 2 deletions
--- a/src/components/SettingDarwer/index.js
+++ b/src/components/SettingDarwer/index.js
@ -116,7 +116,6 @@ class SettingDarwer extends PureComponent {
    const { collapse, silderTheme, themeColor, layout, colorWeak } = setting;
    return (
      <Drawer
-        firstEnter={true}
        visible={collapse}
        width={273}
        onClose={this.togglerContent}
--- a/src/components/SettingDarwer/index.less
+++ b/src/components/SettingDarwer/index.less
@ -55,7 +55,9 @@
  width: 48px;
  height: 48px;
  right: 273px;
-  padding: 14px 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
  cursor: pointer;
  pointer-events: auto;
  z-index: 0;
--- a/src/global.less
+++ b/src/global.less
@ -36,4 +36,7 @@ ol {
  body .ant-drawer .ant-drawer-content {
    opacity: 1;
  }
+  body .anticon svg {
+    display: block;
+  }
 }