]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
Load my-account module lazily
[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-settings.component.scss
CommitLineData
63c4db6d
C
1@import '_variables';
2@import '_mixins';
3
2295ce6c
C
4.user {
5 display: flex;
6
7 img {
8 @include avatar(50px);
4e8c8728 9
2295ce6c
C
10 margin-right: 15px;
11 }
12
13 .user-info {
7de6afdf
C
14 .user-info-names {
15 display: flex;
16 align-items: center;
17
18 .user-info-display-name {
19 font-size: 20px;
20 font-weight: $font-bold;
21 }
22
23 .user-info-username {
24 margin-left: 7px;
25 position: relative;
26 top: 2px;
27 font-size: 14px;
28 color: #777272;
29 }
2295ce6c
C
30 }
31
32 .user-info-followers {
33 font-size: 15px;
34 }
35 }
c30745f3
C
36}
37
c5911fd3 38.button-file {
01de67b9 39 @include peertube-button-file(160px);
c5911fd3
C
40
41 margin-top: 10px;
6693df9d 42 margin-bottom: 5px;
c5911fd3
C
43}
44
01de67b9
C
45.file-max-size {
46 display: inline-block;
47 font-size: 13px;
48
49 position: relative;
50 top: -10px;
51}
52
ce5496d6
C
53.user-quota {
54 font-size: 15px;
55 margin-top: 20px;
56
57 .user-quota-label {
58 font-weight: $font-semibold;
59 }
60}
61
c30745f3 62.account-title {
0626e7af
C
63 @include in-content-small-title;
64
c30745f3
C
65 margin-top: 55px;
66 margin-bottom: 30px;
67}