调整退出登录样式
This commit is contained in:
parent
172b340e7b
commit
2d7b898b3b
|
@ -33,6 +33,11 @@
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
.dflexacsa{
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.dflexa{
|
.dflexa{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -258,9 +258,9 @@ export default class App extends Component {
|
||||||
*/}
|
*/}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<Pop className="exitPop" trigger="hover" position="bottom-right" content={<div>
|
<Pop className="exitPop" trigger="click" position="bottom-right" content={<div>
|
||||||
<div className="exit-box">
|
<div className="exit-box">
|
||||||
<p className="exit-header dflexaj">
|
<p className="exit-header dflexacsa">
|
||||||
{!this.state.userInfo.head? <Avatar size="large"
|
{!this.state.userInfo.head? <Avatar size="large"
|
||||||
src={this.state.userInfo.head}/>:
|
src={this.state.userInfo.head}/>:
|
||||||
<Avatar size="large"
|
<Avatar size="large"
|
||||||
|
|
|
@ -80,10 +80,10 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
.exit-userInfo{
|
.exit-userInfo{
|
||||||
margin-left: 15px;
|
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
.exit-btn{
|
.exit-btn{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in New Issue