145 lines
3.2 KiB
SCSS
145 lines
3.2 KiB
SCSS
.user-edit{
|
|
height: 100vh;
|
|
background: #f3f3f3;
|
|
.user-edit-portrait{
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
color: #ababab;
|
|
display: flex;flex-direction: column;
|
|
align-items: center;justify-content: center;
|
|
background-color: white;
|
|
height: 300px;
|
|
}
|
|
.user-edit-portrait image{
|
|
width: 170px;
|
|
height: 170px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
object-fit: cover;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.user-edit-content{
|
|
background-color: white;
|
|
margin-top: 24px;
|
|
padding: 0 30px;
|
|
}
|
|
.user-edit-content-title{
|
|
font-size: 26px;
|
|
font-weight: 700;
|
|
color: #000000;
|
|
padding: 40px;
|
|
}
|
|
.user-edit-content-title text{
|
|
margin-right: 10px;
|
|
}
|
|
.user-edit-list{
|
|
height: 90px;
|
|
display: flex;align-items: center;
|
|
border-bottom: 2px solid #f0f0f0;
|
|
}
|
|
.user-edit-list:last-of-type{
|
|
border: none;
|
|
}
|
|
.user-edit-list-left{
|
|
width: 120px;
|
|
border-right: 2px solid #f3f3f3;
|
|
margin-right: 30px;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
}
|
|
.user-edit-list-right{
|
|
display: flex;justify-content: space-between;
|
|
flex: auto;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
}
|
|
.user-edit-list-right-placeholder{
|
|
color: #cccccc;
|
|
}
|
|
.user-edit-list-right .icon-a-moreback{
|
|
font-size: 30px;
|
|
}
|
|
|
|
.user-edit-logout{
|
|
width: 668px;
|
|
height: 82px;
|
|
background: #ffffff;
|
|
border: 2px solid #cde5ff;
|
|
border-radius: 40px;
|
|
// margin: 359px auto 0;
|
|
position: fixed;left: 50%;bottom: 50px;
|
|
transform: translateX(-50%);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: #007aff;
|
|
}
|
|
|
|
.user-edit-popup-content{
|
|
margin: 0 auto;
|
|
width: 658px;
|
|
padding-bottom: 50px;
|
|
}
|
|
.user-edit-popup-input{
|
|
width: 658px;
|
|
height: 182px;
|
|
background: #f3f3f3;
|
|
border: 2px solid #e6e6e6;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
box-sizing: border-box;
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
color: #ababab;
|
|
display: flex;flex-direction: column;
|
|
align-items: flex-end;
|
|
}
|
|
.user-edit-popup-input textarea{
|
|
width: 100%;
|
|
height: 80%;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #3c3c3c;
|
|
}
|
|
.user-edit-popup-tips{
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
color: #ababab;
|
|
margin-top: 30px;
|
|
}
|
|
.user-edit-popup-operation{
|
|
width: 658px;
|
|
height: 82px;
|
|
background: #ffffff;
|
|
border: 2px solid #cde5ff;
|
|
border-radius: 40px;
|
|
display: flex;
|
|
overflow: hidden;
|
|
margin-top: 105px;
|
|
display: flex;
|
|
}
|
|
.user-edit-popup-operation button{
|
|
height: 100%;
|
|
width: 50%;
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
color: #007aff;
|
|
background-color: white;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
}
|
|
.user-edit-popup-operation button::after,.user-edit-logout::after{
|
|
border-radius: 0;
|
|
border: none;
|
|
}
|
|
.user-edit-popup-operation .user-edit-popup-operation-save{
|
|
background: #007aff;
|
|
color: #ffffff;
|
|
}
|
|
.user-edit-popup-operation button::after{ border-radius: 0; }
|
|
} |