LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix thumbnail border radius on homepage

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/scss/component/_claim-list.scss
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);

10
ui/scss/init/_mixins.scss
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;