1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | @use '../../styles/theming' as *;
|
8 |
|
9 | :host {
|
10 | display: flex;
|
11 |
|
12 | .user-container {
|
13 | position: relative;
|
14 | display: flex;
|
15 | align-items: center;
|
16 | }
|
17 |
|
18 | .user-picture {
|
19 | position: relative;
|
20 | flex-shrink: 0;
|
21 |
|
22 | &.image {
|
23 | background-size: cover;
|
24 | background-repeat: no-repeat;
|
25 | }
|
26 |
|
27 | &.initials {
|
28 | display: flex;
|
29 | align-items: center;
|
30 | justify-content: center;
|
31 | }
|
32 | }
|
33 |
|
34 | .user-name,
|
35 | .user-title {
|
36 | @include nb-rtl(text-align, right);
|
37 | }
|
38 |
|
39 | .info-container {
|
40 | @include nb-ltr(margin-left, 0.5rem);
|
41 | @include nb-rtl(margin-right, 0.5rem);
|
42 | }
|
43 | }
|