Commit a6d65e6a by chenshu

fix:优化样式

parent 10a628ab
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
} }
.ant-empty-normal { .ant-empty-normal {
margin: 100px 0 !important; margin: 80px 0 !important;
} }
.avatar{ .avatar{
display: flex; display: flex;
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
} }
.ant-empty-normal { .ant-empty-normal {
margin: 144px 0 !important; margin: 120px 0 !important;
} }
.avatar{ .avatar{
......
...@@ -49,7 +49,7 @@ export default class SetEmployeeModal extends React.Component { ...@@ -49,7 +49,7 @@ export default class SetEmployeeModal extends React.Component {
onCancel={() => { onCancel={() => {
this.props.onCancel() this.props.onCancel()
}} }}
wenterpriseVisibleUserIdth={680} width={680}
footer={ footer={
<div className="modal-footer"> <div className="modal-footer">
<Button style={{ float: 'left' }} onClick={() => this.props.onClose()}>上一步</Button> <Button style={{ float: 'left' }} onClick={() => this.props.onClose()}>上一步</Button>
......
.set-employee-modal { .set-employee-modal {
.ant-modal-body { .ant-modal-body {
padding: 0 !important; padding: 0 !important;
min-height: 465px !important;
.employee-container { .employee-container {
height: 368px; height: 368px;
display: flex; display: flex;
......
...@@ -70,14 +70,16 @@ function Header(props) { ...@@ -70,14 +70,16 @@ function Header(props) {
return ( return (
<div className="user-center-dropdown"> <div className="user-center-dropdown">
<div className="user-detail"> <div className="user-detail">
<div className="name">{nickName}</div>
<div className="box"> <div className="box">
<span className="phone">{phone}</span> <Tooltip title={nickName}>
<div className="name">{nickName}</div>
</Tooltip>
<span className="phone">{phone || '13255067024'}</span>
</div>
<span className="setting" onClick={() => toPersonalInfoPage()}>个人设置 <span className="setting" onClick={() => toPersonalInfoPage()}>个人设置
<span className="iconfont icon">&#xe79b;</span> <span className="iconfont icon">&#xe79b;</span>
</span> </span>
</div> </div>
</div>
<div className="menu"> <div className="menu">
{User.getEnterpriseId() && {User.getEnterpriseId() &&
<div <div
......
...@@ -538,22 +538,28 @@ ...@@ -538,22 +538,28 @@
padding: 12px 16px; padding: 12px 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
.user-detail { .user-detail {
position: relative;
padding-bottom: 16px; padding-bottom: 16px;
border-bottom: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;
display: flex;
align-items: center;
justify-content: space-between;
.box {
width: 160px;
.name { .name {
font-size: 16px; font-size: 16px;
color: #333; color: #333;
line-height: 22px; line-height: 22px;
margin-bottom: 4px; margin-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.box {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 22px;
.phone { .phone {
line-height: 22px;
color: #999999; color: #999999;
} }
}
.setting { .setting {
color: #666; color: #666;
cursor: pointer; cursor: pointer;
...@@ -563,7 +569,6 @@ ...@@ -563,7 +569,6 @@
} }
} }
} }
}
.menu { .menu {
padding-top: 8px; padding-top: 8px;
.menu-item { .menu-item {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment