60 lines
1.1 KiB
SCSS

.myprofile {
position: relative;
flex-flow: row;
width: 60px;
height: 30px;
color: #ffffff;
font-size: 11px;
justify-items: flex-end;
margin: 0 10px;
.myprofile-img {
display: block;
border-radius: 10px;
height: 30px;
width: 30px;
background-color: #efefef;
&.thumbnail-mask {
border-radius: 50%;
width: 30px;
height: 30px;
overflow: hidden;
.thumbnail {
width: 30px;
height: auto;
}
}
}
.btn-setting {
position: absolute;
height: 100%;
bottom: 0;
display: inline-flex;
justify-items: flex-end;
left: 20px;
.presence {
display: inline-block;
bottom: 0;
width: 10px;
height: 10px;
border: 1px solid #ffffff;
align-self: flex-end;
transform: translateY(0px);
}
button {
cursor: pointer;
width: 20px;
height: 100%;
align-items: center;
background: none;
border: none;
svg {
stroke: #ffffff;
&.on {
transform: rotate(180deg);
}
}
}
}
}