fa10a67811
* Implement Profile Viewer Fixes #111 * Make user avatar in chat clickable * design progress * Refactored code * progress * Updated chip comp Signed-off-by: Ajay Bura <ajbura@gmail.com> * Refactored ProfileViewer comp Signed-off-by: Ajay Bura <ajbura@gmail.com> * Added msg functionality in ProfileViewer Signed-off-by: Ajay Bura <ajbura@gmail.com> * Added Ignore functionality in ProfileViewer Signed-off-by: Ajay Bura <ajbura@gmail.com> * Fixed Ignore btn bug Signed-off-by: Ajay Bura <ajbura@gmail.com> * Refectored ProfileViewer comp Signed-off-by: Ajay Bura <ajbura@gmail.com> Co-authored-by: Ajay Bura <ajbura@gmail.com>
33 lines
625 B
SCSS
33 lines
625 B
SCSS
.chip {
|
|
padding: var(--sp-ultra-tight) var(--sp-extra-tight);
|
|
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
background: var(--bg-surface-low);
|
|
border-radius: var(--bo-radius);
|
|
box-shadow: var(--bs-surface-border);
|
|
cursor: pointer;
|
|
|
|
@media (hover: hover) {
|
|
&:hover {
|
|
background-color: var(--bg-surface-hover);
|
|
}
|
|
}
|
|
|
|
& > .text {
|
|
flex: 1;
|
|
color: var(--tc-surface-high);
|
|
}
|
|
|
|
& > .ic-raw {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: var(--sp-ultra-tight);
|
|
[dir=rtl] & {
|
|
margin-right: 0;
|
|
margin-left: var(--sp-ultra-tight);
|
|
}
|
|
}
|
|
} |