bugfix: fix SettingDrawer style error

22303139 · chen shuai · 81ff030b · 22303139 · 22303139
隐藏空白更改
内联并排

Showing with 24 addition and 12 deletion

src/components/SettingDrawer/index.js src/components/SettingDrawer/index.js +17 -12

src/components/SettingDrawer/index.less src/components/SettingDrawer/index.less +7 -0

未找到文件。
--- a/src/components/SettingDrawer/index.js
+++ b/src/components/SettingDrawer/index.js
-import React, { PureComponent } from 'react';
+import React, { Component } from 'react';
 import { Select, message, Drawer, List, Switch, Divider, Icon, Button, Alert, Tooltip } from 'antd';
 import { formatMessage } from 'umi/locale';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
@@ -23,7 +23,7 @@ const Body = ({ children, title, style }) => (
 );

 @connect(({ setting }) => ({ setting }))
-class SettingDrawer extends PureComponent {
+class SettingDrawer extends Component {
  state = {
    collapse: false,
  };
@@ -207,17 +207,22 @@ class SettingDrawer extends PureComponent {
          <Divider />

          <Body title={formatMessage({ id: 'app.setting.othersettings' })}>
-            <List.Item
-              actions={[
-                <Switch
-                  size="small"
-                  checked={!!colorWeak}
-                  onChange={checked => this.changeSetting('colorWeak', checked)}
-                />,
+            <List
+              split={false}
+              renderItem={this.renderLayoutSettingItem}
+              dataSource={[
+                {
+                  title: formatMessage({ id: 'app.setting.weakmode' }),
+                  action: (
+                    <Switch
+                      size="small"
+                      checked={!!colorWeak}
+                      onChange={checked => this.changeSetting('colorWeak', checked)}
+                    />
+                  ),
+                },
              ]}
-            >
-              {formatMessage({ id: 'app.setting.weakmode' })}
-            </List.Item>
+            />
          </Body>
          <Divider />
          <CopyToClipboard

--- a/src/components/SettingDrawer/index.less
+++ b/src/components/SettingDrawer/index.less
@@ -4,6 +4,13 @@
  position: relative;
  min-height: 100%;
  background: #fff;
+  :global {
+    .ant-list-item {
+      span {
+        flex: 1;
+      }
+    }
+  }
 }

 .blockChecbox {