!1854 优化:批量内缩面板UI优化

Merge pull request !1854 from 林三/indent_model_ui

src/UI/Components/BoardBatchCurtailModal.tsx

@@ -1,5 +1,5 @@
 import React = require("react");
-import { Button, Card, Checkbox, Classes, Divider, H5, Intent, Label, Radio, RadioGroup } from "@blueprintjs/core";
+import { Button, Card, Checkbox, Classes, H5, Intent, Label, Radio, RadioGroup } from "@blueprintjs/core";
 import { observable, toJS } from "mobx";
 import { observer } from "mobx-react";
 import { begin } from "xaop";
@@ -227,9 +227,10 @@ export class BoardBatchCurtailModal extends React.Component<IBoardBatchCurtailPr
                         onChange={() => this.props.store.m_Option.moveBrs = !this.props.store.m_Option.moveBrs}
                     />
                     <footer>
-                        <UserConfig store={this.props.store} type={BoardBatchCurtailModal.CONFIG_CURTAIL as BoardModalType} />
-                        <Divider />
-                        <div>
+                        <div className="config">
+                            <UserConfig store={this.props.store} type={BoardBatchCurtailModal.CONFIG_CURTAIL as BoardModalType} />
+                        </div>
+                        <div className="button">
                             <Button intent={Intent.SUCCESS} text="确定" onClick={this.Ok} />
                             <Button style={{ marginLeft: 3 }} intent={Intent.DANGER} text="取消" onClick={this.Close} />
                         </div>

src/UI/Css/batchCurtailModal.less

@@ -3,12 +3,14 @@
 
     header {
         font-size: 16px;
-        height   : 60px;
-        padding  : 20px;
+        height   : 50px;
+        padding  : 15px 15px 0 15px;
     }
 
     .batchCurtailModal-body {
-        padding: 0 20px 20px 20px;
+        width  : 450px;
+        height : 270px;
+        padding: 0 20px 0 20px;
 
         .radio {
             margin: 10px;
@@ -26,9 +28,9 @@
                 justify-content: center;
 
                 &>.bp3-label {
-                    width        : 50%;
+                    width        : 40%;
                     text-align   : right;
-                    padding-right: 10px;
+                    padding-right: 50px;
                     line-height  : normal;
                 }
 
@@ -39,27 +41,13 @@
         }
 
         footer {
-            text-align: right;
-
-            button {
-                margin-left: 10px;
-            }
-
-            .cf-select {
-                label {
-                    display    : block;
-                    text-align : left;
-                    margin-left: 5px;
-                }
-
-                .bp3-popover-content {
-                    // height: 90px;
-                    overflow: auto;
-                }
+            .config{
+                float: left;
             }
 
-            .bp3-divider {
-                margin-top: 10px;
+            .button {
+                float     :right;
+                margin-top: 2px;
             }
         }
     }