diff options
Diffstat (limited to 'client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss')
-rw-r--r-- | client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss b/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss index cc5e36a32..a50a2bb0e 100644 --- a/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss +++ b/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss | |||
@@ -3,37 +3,37 @@ | |||
3 | 3 | ||
4 | .actor { | 4 | .actor { |
5 | display: flex; | 5 | display: flex; |
6 | } | ||
6 | 7 | ||
7 | my-actor-avatar { | 8 | my-actor-avatar { |
8 | @include margin-right(15px); | 9 | @include margin-right(15px); |
9 | } | 10 | } |
11 | |||
12 | .actor-info { | ||
13 | display: inline-flex; | ||
14 | flex-direction: column; | ||
15 | } | ||
16 | |||
17 | .actor-info-display-name { | ||
18 | font-size: 20px; | ||
19 | font-weight: $font-bold; | ||
10 | 20 | ||
11 | .actor-info { | 21 | @media screen and (max-width: $small-view) { |
12 | display: inline-flex; | 22 | font-size: 16px; |
13 | flex-direction: column; | ||
14 | |||
15 | .actor-info-display-name { | ||
16 | font-size: 20px; | ||
17 | font-weight: $font-bold; | ||
18 | |||
19 | @media screen and (max-width: $small-view) { | ||
20 | font-size: 16px; | ||
21 | } | ||
22 | } | ||
23 | |||
24 | .actor-info-username { | ||
25 | position: relative; | ||
26 | font-size: 14px; | ||
27 | color: pvar(--greyForegroundColor); | ||
28 | } | ||
29 | |||
30 | .actor-info-followers { | ||
31 | font-size: 15px; | ||
32 | padding-bottom: .5rem; | ||
33 | } | ||
34 | } | 23 | } |
35 | } | 24 | } |
36 | 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 | .actor-img-edit-container { | 37 | .actor-img-edit-container { |
38 | position: relative; | 38 | position: relative; |
39 | width: 0; | 39 | width: 0; |