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,13 +70,15 @@ function Header(props) { ...@@ -70,13 +70,15 @@ 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}>
<span className="setting" onClick={() => toPersonalInfoPage()}>个人设置 <div className="name">{nickName}</div>
<span className="iconfont icon">&#xe79b;</span> </Tooltip>
</span> <span className="phone">{phone || '13255067024'}</span>
</div> </div>
<span className="setting" onClick={() => toPersonalInfoPage()}>个人设置
<span className="iconfont icon">&#xe79b;</span>
</span>
</div> </div>
<div className="menu"> <div className="menu">
{User.getEnterpriseId() && {User.getEnterpriseId() &&
......
...@@ -538,29 +538,34 @@ ...@@ -538,29 +538,34 @@
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;
.name { display: flex;
font-size: 16px; align-items: center;
color: #333; justify-content: space-between;
line-height: 22px;
margin-bottom: 4px;
}
.box { .box {
display: flex; width: 160px;
justify-content: space-between; .name {
align-items: center; font-size: 16px;
line-height: 22px; color: #333;
line-height: 22px;
margin-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.phone { .phone {
line-height: 22px;
color: #999999; color: #999999;
} }
.setting { }
color: #666; .setting {
cursor: pointer; color: #666;
.iconfont { cursor: pointer;
margin-left: 4px; .iconfont {
font-size: 12px; margin-left: 4px;
} font-size: 12px;
} }
} }
} }
......
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