diff options
author | Wicklow <wicklow@framasoft.org> | 2023-02-20 11:32:48 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2023-02-20 13:52:22 +0100 |
commit | 4158e67c8d7eb39712e598d3f409c6739eef5f0b (patch) | |
tree | d80a3b09af7bb83ce4eb2783dad449a9bfe87bd2 /client/src/app/+accounts | |
parent | 6c3589fc51fdf218912538b2a46399886ed36ac3 (diff) | |
download | PeerTube-4158e67c8d7eb39712e598d3f409c6739eef5f0b.tar.gz PeerTube-4158e67c8d7eb39712e598d3f409c6739eef5f0b.tar.zst PeerTube-4158e67c8d7eb39712e598d3f409c6739eef5f0b.zip |
Refactoring margin and padding mixins
Diffstat (limited to 'client/src/app/+accounts')
3 files changed, 5 insertions, 9 deletions
diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss index 2e34ed71c..b5aacffc8 100644 --- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss +++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | |||
@@ -8,8 +8,8 @@ | |||
8 | } | 8 | } |
9 | 9 | ||
10 | .channel { | 10 | .channel { |
11 | @include rfs(2rem, padding); | 11 | @include padding(1.75rem); |
12 | @include rfs(2rem 0, margin); | 12 | @include margin(2rem, 0); |
13 | 13 | ||
14 | max-width: $max-channels-width; | 14 | max-width: $max-channels-width; |
15 | background-color: pvar(--channelBackgroundColor); | 15 | background-color: pvar(--channelBackgroundColor); |
@@ -110,10 +110,6 @@ my-subscribe-button { | |||
110 | } | 110 | } |
111 | 111 | ||
112 | @include on-small-main-col { | 112 | @include on-small-main-col { |
113 | .channel { | ||
114 | padding: 15px; | ||
115 | } | ||
116 | |||
117 | .channel-avatar-row { | 113 | .channel-avatar-row { |
118 | grid-template-columns: auto auto auto 1fr; | 114 | grid-template-columns: auto auto auto 1fr; |
119 | 115 | ||
diff --git a/client/src/app/+accounts/accounts.component.html b/client/src/app/+accounts/accounts.component.html index 116b26a4d..2a4985964 100644 --- a/client/src/app/+accounts/accounts.component.html +++ b/client/src/app/+accounts/accounts.component.html | |||
@@ -13,7 +13,7 @@ | |||
13 | <h1 i18n-title [title]="'Created on ' + (account.createdAt | date)">{{ account.displayName }}</h1> | 13 | <h1 i18n-title [title]="'Created on ' + (account.createdAt | date)">{{ account.displayName }}</h1> |
14 | 14 | ||
15 | <my-user-moderation-dropdown | 15 | <my-user-moderation-dropdown |
16 | class="mx-3" prependActions]="prependModerationActions" | 16 | class="mx-3" [prependActions]="prependModerationActions" |
17 | buttonSize="small" [account]="account" [user]="accountUser" placement="bottom-left auto" | 17 | buttonSize="small" [account]="account" [user]="accountUser" placement="bottom-left auto" |
18 | (userChanged)="onUserChanged()" (userDeleted)="onUserDeleted()" | 18 | (userChanged)="onUserChanged()" (userDeleted)="onUserDeleted()" |
19 | ></my-user-moderation-dropdown> | 19 | ></my-user-moderation-dropdown> |
diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss index 908e4eeda..56b952b65 100644 --- a/client/src/app/+accounts/accounts.component.scss +++ b/client/src/app/+accounts/accounts.component.scss | |||
@@ -109,8 +109,8 @@ | |||
109 | 109 | ||
110 | @media screen and (max-width: $mobile-view) { | 110 | @media screen and (max-width: $mobile-view) { |
111 | .root { | 111 | .root { |
112 | --myFontSize: $font-size-rem-14px; | 112 | --myFontSize: 14px; |
113 | --myGreyFontSize: $font-size-rem-13px; | 113 | --myGreyFontSize: 13px; |
114 | } | 114 | } |
115 | 115 | ||
116 | .links { | 116 | .links { |