diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-03-13 01:29:11 +0100 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-03-13 01:43:52 +0100 |
commit | df8914c9a2d6dbb435460b9e252a771cac47880b (patch) | |
tree | 7413eaf0012ed91354a1471f1252e09cf7685bb6 /client/src/app/+my-account/shared/actor-avatar-info.component.scss | |
parent | c547bbf96a46166c4b4548413b092c58f7b0e37a (diff) | |
download | PeerTube-df8914c9a2d6dbb435460b9e252a771cac47880b.tar.gz PeerTube-df8914c9a2d6dbb435460b9e252a771cac47880b.tar.zst PeerTube-df8914c9a2d6dbb435460b9e252a771cac47880b.zip |
More modern avatar upload, quota represented with progress bars
Diffstat (limited to 'client/src/app/+my-account/shared/actor-avatar-info.component.scss')
-rw-r--r-- | client/src/app/+my-account/shared/actor-avatar-info.component.scss | 48 |
1 files changed, 32 insertions, 16 deletions
diff --git a/client/src/app/+my-account/shared/actor-avatar-info.component.scss b/client/src/app/+my-account/shared/actor-avatar-info.component.scss index 86f8108b9..5a66ecfd2 100644 --- a/client/src/app/+my-account/shared/actor-avatar-info.component.scss +++ b/client/src/app/+my-account/shared/actor-avatar-info.component.scss | |||
@@ -5,12 +5,42 @@ | |||
5 | display: flex; | 5 | display: flex; |
6 | 6 | ||
7 | img { | 7 | img { |
8 | @include avatar(50px); | 8 | @include avatar(100px); |
9 | 9 | ||
10 | margin-right: 15px; | 10 | margin-right: 15px; |
11 | } | 11 | } |
12 | 12 | ||
13 | .actor-img-edit-container { | ||
14 | position: relative; | ||
15 | width: 0; | ||
16 | |||
17 | .actor-img-edit-button { | ||
18 | @include peertube-button-file(21px); | ||
19 | @include button-with-icon(19px); | ||
20 | |||
21 | margin-top: 10px; | ||
22 | margin-bottom: 5px; | ||
23 | border-radius: 50%; | ||
24 | top: 55px; | ||
25 | right: 45px; | ||
26 | cursor: pointer; | ||
27 | |||
28 | input { | ||
29 | width: 30px; | ||
30 | height: 30px; | ||
31 | } | ||
32 | |||
33 | my-global-icon { | ||
34 | right: 7px; | ||
35 | } | ||
36 | } | ||
37 | } | ||
38 | |||
13 | .actor-info { | 39 | .actor-info { |
40 | justify-content: center; | ||
41 | display: inline-flex; | ||
42 | flex-direction: column; | ||
43 | |||
14 | .actor-info-names { | 44 | .actor-info-names { |
15 | display: flex; | 45 | display: flex; |
16 | align-items: center; | 46 | align-items: center; |
@@ -35,21 +65,7 @@ | |||
35 | 65 | ||
36 | .actor-info-followers { | 66 | .actor-info-followers { |
37 | font-size: 15px; | 67 | font-size: 15px; |
68 | padding-bottom: .5rem; | ||
38 | } | 69 | } |
39 | } | 70 | } |
40 | } | 71 | } |
41 | |||
42 | .button-file { | ||
43 | @include peertube-button-file(160px); | ||
44 | |||
45 | margin-top: 10px; | ||
46 | margin-bottom: 5px; | ||
47 | } | ||
48 | |||
49 | .file-max-size { | ||
50 | display: inline-block; | ||
51 | font-size: 13px; | ||
52 | |||
53 | position: relative; | ||
54 | top: -10px; | ||
55 | } | ||