aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorWicklow <wicklow@framasoft.org>2023-02-17 12:21:14 +0100
committerChocobozzz <chocobozzz@cpy.re>2023-02-20 13:52:22 +0100
commitf9b8e5c457ad507e77b500866786c82ed4187c92 (patch)
treec174c608dc9873a0dc8f727ef3cc3108a5ade1e2 /client/src/sass/include
parent178af31cb8624567a26a1ca06cba9f3a475be330 (diff)
downloadPeerTube-f9b8e5c457ad507e77b500866786c82ed4187c92.tar.gz
PeerTube-f9b8e5c457ad507e77b500866786c82ed4187c92.tar.zst
PeerTube-f9b8e5c457ad507e77b500866786c82ed4187c92.zip
Refactoring accounts component style
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_account-channel-page.scss17
1 files changed, 8 insertions, 9 deletions
diff --git a/client/src/sass/include/_account-channel-page.scss b/client/src/sass/include/_account-channel-page.scss
index f05b8169e..ab6c772c1 100644
--- a/client/src/sass/include/_account-channel-page.scss
+++ b/client/src/sass/include/_account-channel-page.scss
@@ -16,15 +16,17 @@
16} 16}
17 17
18@mixin show-more-description { 18@mixin show-more-description {
19 @include rfs(10px auto 45px, margin);
20
19 color: pvar(--mainColor); 21 color: pvar(--mainColor);
20 cursor: pointer; 22 cursor: pointer;
21 margin: 10px auto 45px;
22} 23}
23 24
24@mixin avatar-row-responsive ($img-margin, $grey-font-size) { 25@mixin avatar-row-responsive ($img-margin, $grey-font-size) {
26 @include margin-bottom(2rem);
27
25 display: flex; 28 display: flex;
26 grid-column: 1; 29 grid-column: 1;
27 margin-bottom: 30px;
28 30
29 > div { 31 > div {
30 @include margin-left($img-margin); 32 @include margin-left($img-margin);
@@ -49,7 +51,8 @@
49 } 51 }
50 52
51 h1 { 53 h1 {
52 font-size: 28px; 54 @include font-size(2rem);
55
53 font-weight: $font-bold; 56 font-weight: $font-bold;
54 margin: 0; 57 margin: 0;
55 } 58 }
@@ -60,8 +63,9 @@
60 63
61 .actor-handle, 64 .actor-handle,
62 .actor-counters { 65 .actor-counters {
66 @include font-size($grey-font-size);
67
63 color: pvar(--greyForegroundColor); 68 color: pvar(--greyForegroundColor);
64 font-size: $grey-font-size;
65 } 69 }
66 70
67 .actor-counters > *:not(:last-child)::after { 71 .actor-counters > *:not(:last-child)::after {
@@ -75,11 +79,6 @@
75 } 79 }
76 80
77 @media screen and (max-width: $mobile-view) { 81 @media screen and (max-width: $mobile-view) {
78 margin-bottom: 15px;
79
80 h1 {
81 font-size: 22px;
82 }
83 82
84 .main-avatar { 83 .main-avatar {
85 @include actor-avatar-size(80px); 84 @include actor-avatar-size(80px);