fix(AvatarClip): modal style issue

webapp-suite · May 16, 2018 · 6d05a94 · 6d05a94
1 parent 5757e37
commit 6d05a94
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/AvatarClip/index.js b/src/components/AvatarClip/index.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import AvatarEditor from 'react-avatar-editor'
 import Button from '../Button'
-import { Modal, ModalHeader, ModalBody } from '../Modal'
+import { Modal, ModalBody } from '../Modal'
 import './index.less'
 
 class AvatarClip extends Component {
@@ -36,7 +36,6 @@ class AvatarClip extends Component {
     const { image, width, height, border, color, cropButtonName, open } = this.props
     return (
       <Modal open={open} onClose={::this.onClose} lock>
-        <ModalHeader />
         <ModalBody>
           <h3 className="AvatarClip-title">编辑头像</h3>
           <div className="AvatarClip-subtitle">调整头像尺寸和位置</div>

diff --git a/src/components/AvatarClip/index.less b/src/components/AvatarClip/index.less
@@ -4,8 +4,10 @@
   margin-top: @unit-double;
   margin-bottom: @unit;
   font-size: 24px;
+  font-weight: @fontweight-bold;
   color: #262626;
   text-align: center;
+  line-height: 28px;
 }
 .AvatarClip-subtitle {
   padding: 0 38px;
@@ -21,12 +23,13 @@
   .AvatarClip-edit {
     width: 240px;
     height: 240px;
-    margin: 24px 60px 50px;
+    margin: 24px 42px 50px;
     canvas {
       cursor: move;
     }
   }
   .AvatarClip-zoom {
+    line-height: 16px;
     svg {
       vertical-align: text-bottom;
       fill: #9fadc7;
@@ -101,7 +104,7 @@
   }
   .AvatarClip-footer {
     margin-top: 40px;
-    margin-bottom: 28px;
+    margin-bottom: 10px;
     button {
       width: 220px;
       height: 33px;