]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
cdeddff1 C |
3 | |
4 | .actor { | |
5 | display: flex; | |
6 | ||
746018f6 | 7 | my-actor-avatar { |
27bc9586 | 8 | @include margin-right(15px); |
cdeddff1 C |
9 | } |
10 | ||
11 | .actor-info { | |
12 | display: inline-flex; | |
13 | flex-direction: column; | |
14 | ||
15 | .actor-info-display-name { | |
82eb7850 C |
16 | @include peertube-word-wrap; |
17 | ||
cdeddff1 C |
18 | font-size: 20px; |
19 | font-weight: $font-bold; | |
20 | ||
21 | @media screen and (max-width: $small-view) { | |
22 | font-size: 16px; | |
23 | } | |
24 | } | |
25 | ||
26 | .actor-info-username { | |
27 | position: relative; | |
28 | font-size: 14px; | |
29 | color: pvar(--greyForegroundColor); | |
30 | } | |
31 | ||
32 | .actor-info-followers { | |
33 | font-size: 15px; | |
34 | padding-bottom: .5rem; | |
35 | } | |
36 | } | |
37 | } | |
38 | ||
39 | .actor-img-edit-container { | |
40 | position: relative; | |
41 | width: 0; | |
42 | } | |
43 | ||
44 | .actor-img-edit-button { | |
45 | top: 55px; | |
46 | right: 45px; | |
47 | border-radius: 50%; | |
48 | } |