X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bsearch%2Fsearch.component.scss;h=a8002ba886ba0d6ab14f207bfbb9ebc1def22550;hb=931d3430184143ebd88e5243def6eb1d7acfdbf4;hp=91c8272d7f1b1e9a664feffc5de8790dfd9304e4;hpb=dc48fdbe68e9dd3a3a6028181e61d8595d98e654;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+search/search.component.scss b/client/src/app/+search/search.component.scss index 91c8272d7..a8002ba88 100644 --- a/client/src/app/+search/search.component.scss +++ b/client/src/app/+search/search.component.scss @@ -5,7 +5,7 @@ $image-size: min(130px, $video-img-width); $margin-size: ($video-img-width - $image-size) / 2; // So we have the same width than the video miniature - @include channel-avatar($image-size); + @include actor-avatar-size($image-size); margin: 0 $margin-size 0 $margin-size; } @@ -53,10 +53,8 @@ max-width: 800px; } -.video-channel { - img { - @include build-channel-img-size($video-thumbnail-width); - } +.video-channel my-actor-avatar { + @include build-channel-img-size($video-thumbnail-width); } .video-channel-info { @@ -92,14 +90,12 @@ grid-template-columns: auto 1fr; grid-template-rows: auto auto; - .link-avatar { + my-actor-avatar { + @include build-channel-img-size($video-thumbnail-medium-width); + grid-column: 1; grid-row: 1 / -1; } - - img { - @include build-channel-img-size($video-thumbnail-medium-width); - } } .video-channel-info { @@ -115,7 +111,7 @@ } @include on-mobile-main-col { - .video-channel img { + .video-channel my-actor-avatar { @include build-channel-img-size($video-thumbnail-small-width); } }