diff options
author | Chocobozzz <me@florianbigard.com> | 2021-04-07 17:01:29 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2021-04-08 10:07:53 +0200 |
commit | cdeddff142fd20f8cb8bb346625909d61c596603 (patch) | |
tree | e7b0ae302a002fb2eadc605300294a1f135c3744 /client/src/app/shared/shared-main/account/actor-avatar-info.component.scss | |
parent | 282695e699a35b65441b548061ef0db5de9b3971 (diff) | |
download | PeerTube-cdeddff142fd20f8cb8bb346625909d61c596603.tar.gz PeerTube-cdeddff142fd20f8cb8bb346625909d61c596603.tar.zst PeerTube-cdeddff142fd20f8cb8bb346625909d61c596603.zip |
Add ability to update the banner
Diffstat (limited to 'client/src/app/shared/shared-main/account/actor-avatar-info.component.scss')
-rw-r--r-- | client/src/app/shared/shared-main/account/actor-avatar-info.component.scss | 92 |
1 files changed, 0 insertions, 92 deletions
diff --git a/client/src/app/shared/shared-main/account/actor-avatar-info.component.scss b/client/src/app/shared/shared-main/account/actor-avatar-info.component.scss deleted file mode 100644 index 40ba4269b..000000000 --- a/client/src/app/shared/shared-main/account/actor-avatar-info.component.scss +++ /dev/null | |||
@@ -1,92 +0,0 @@ | |||
1 | @import '_variables'; | ||
2 | @import '_mixins'; | ||
3 | |||
4 | .actor { | ||
5 | display: flex; | ||
6 | |||
7 | img { | ||
8 | margin-right: 15px; | ||
9 | |||
10 | &:not(.channel) { | ||
11 | @include avatar(100px); | ||
12 | } | ||
13 | |||
14 | &.channel { | ||
15 | @include channel-avatar(100px); | ||
16 | } | ||
17 | } | ||
18 | |||
19 | .actor-img-edit-container { | ||
20 | position: relative; | ||
21 | width: 0; | ||
22 | |||
23 | .actor-img-edit-button { | ||
24 | @include peertube-button-file(21px); | ||
25 | @include button-with-icon(19px); | ||
26 | @include orange-button; | ||
27 | |||
28 | margin-top: 10px; | ||
29 | margin-bottom: 5px; | ||
30 | border-radius: 50%; | ||
31 | top: 55px; | ||
32 | right: 45px; | ||
33 | cursor: pointer; | ||
34 | |||
35 | input { | ||
36 | width: 30px; | ||
37 | height: 30px; | ||
38 | } | ||
39 | |||
40 | my-global-icon { | ||
41 | right: 7px; | ||
42 | } | ||
43 | } | ||
44 | } | ||
45 | |||
46 | .actor-info { | ||
47 | justify-content: center; | ||
48 | display: inline-flex; | ||
49 | flex-direction: column; | ||
50 | |||
51 | .actor-info-names { | ||
52 | display: flex; | ||
53 | align-items: center; | ||
54 | |||
55 | .actor-info-display-name { | ||
56 | font-size: 20px; | ||
57 | font-weight: $font-bold; | ||
58 | |||
59 | @media screen and (max-width: $small-view) { | ||
60 | font-size: 16px; | ||
61 | } | ||
62 | } | ||
63 | |||
64 | .actor-info-username { | ||
65 | margin-left: 7px; | ||
66 | position: relative; | ||
67 | top: 2px; | ||
68 | font-size: 14px; | ||
69 | color: $grey-actor-name; | ||
70 | } | ||
71 | } | ||
72 | |||
73 | .actor-info-followers { | ||
74 | font-size: 15px; | ||
75 | padding-bottom: .5rem; | ||
76 | } | ||
77 | } | ||
78 | } | ||
79 | |||
80 | .actor-img-edit-container ::ng-deep .popover-avatar-info .popover-body { | ||
81 | padding: 0; | ||
82 | |||
83 | .dropdown-item { | ||
84 | padding: 6px 10px; | ||
85 | border-radius: 4px; | ||
86 | |||
87 | &:first-child { | ||
88 | @include peertube-file; | ||
89 | display: block; | ||
90 | } | ||
91 | } | ||
92 | } | ||