diff options
| author | Chocobozzz <me@florianbigard.com> | 2021-05-27 18:25:00 +0200 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2021-06-28 10:54:02 +0200 |
| commit | 8cbc40b2fe9d36ef0505b9441276ca561342e9e9 (patch) | |
| tree | 5777288d76c0926f5b4484e2689d0fe741462a36 /client/src/app/+search | |
| parent | fa12eacc014aae8094d108634371640f2695bf9f (diff) | |
| download | PeerTube-8cbc40b2fe9d36ef0505b9441276ca561342e9e9.tar.gz PeerTube-8cbc40b2fe9d36ef0505b9441276ca561342e9e9.tar.zst PeerTube-8cbc40b2fe9d36ef0505b9441276ca561342e9e9.zip | |
Move to sass module
Diffstat (limited to 'client/src/app/+search')
| -rw-r--r-- | client/src/app/+search/search-filters.component.scss | 4 | ||||
| -rw-r--r-- | client/src/app/+search/search.component.scss | 7 |
2 files changed, 6 insertions, 5 deletions
diff --git a/client/src/app/+search/search-filters.component.scss b/client/src/app/+search/search-filters.component.scss index 5e2aaaeb5..235558b3d 100644 --- a/client/src/app/+search/search-filters.component.scss +++ b/client/src/app/+search/search-filters.component.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use '_variables'; | 1 | @use '_variables' as *; |
| 2 | @use '_mixins'; | 2 | @use '_mixins' as *; |
| 3 | 3 | ||
| 4 | form { | 4 | form { |
| 5 | margin-top: 40px; | 5 | margin-top: 40px; |
diff --git a/client/src/app/+search/search.component.scss b/client/src/app/+search/search.component.scss index 3603c3981..fca704d27 100644 --- a/client/src/app/+search/search.component.scss +++ b/client/src/app/+search/search.component.scss | |||
| @@ -1,9 +1,10 @@ | |||
| 1 | @use '_variables'; | 1 | @use 'sass:math'; |
| 2 | @use '_mixins'; | 2 | @use '_variables' as *; |
| 3 | @use '_mixins' as *; | ||
| 3 | 4 | ||
| 4 | @mixin build-channel-img-size ($video-img-width) { | 5 | @mixin build-channel-img-size ($video-img-width) { |
| 5 | $image-size: min(130px, $video-img-width); | 6 | $image-size: min(130px, $video-img-width); |
| 6 | $margin-size: ($video-img-width - $image-size) / 2; // So we have the same width than the video miniature | 7 | $margin-size: math.div(($video-img-width - $image-size), 2); // So we have the same width than the video miniature |
| 7 | 8 | ||
| 8 | @include actor-avatar-size($image-size); | 9 | @include actor-avatar-size($image-size); |
| 9 | 10 | ||