fix thumbnail border radius on homepage

This commit is contained in:
Sean Yesmunt 2020-05-28 15:09:21 -04:00
parent 8cf6cc5125
commit 70b9d82070
2 changed files with 11 additions and 1 deletions

View file

@ -92,7 +92,7 @@
.media__thumb { .media__thumb {
$width: var(--file-list-thumbnail-width); $width: var(--file-list-thumbnail-width);
width: $width; width: $width;
@include handleClaimTileGifThumbnail($width); @include handleClaimListGifThumbnail($width);
flex-shrink: 0; flex-shrink: 0;
margin-right: var(--spacing-medium); margin-right: var(--spacing-medium);

View file

@ -19,6 +19,16 @@
} }
@mixin handleClaimTileGifThumbnail($width) { @mixin handleClaimTileGifThumbnail($width) {
.ff-canvas,
.freezeframe-img {
height: calc(#{$width} * (9 / 16)) !important;
width: $width;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
@mixin handleClaimListGifThumbnail($width) {
.ff-canvas, .ff-canvas,
.freezeframe-img { .freezeframe-img {
height: calc(#{$width} * (9 / 16)) !important; height: calc(#{$width} * (9 / 16)) !important;