LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Merge pull request #539 from lbryio/528-fix-image-stretch

Browse source 
added object-fit and position to assets
This commit is contained in:
Bill Bittner 2018-07-20 09:59:14 -07:00 • committed by GitHub
commit 936230a7fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
client/scss/components/_asset-display.scss
View file

@ -1,20 +1,21 @@
.asset-display { .asset-display {
flex: 1 0 auto;
display: flex; display: flex;
justify-content: center; flex: 1 0 auto;
flex-direction: column; flex-direction: column;
justify-content: center;
} }
.asset-image, .asset-video { .asset-image, .asset-video {
margin : 0;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
margin : 0; object-fit: contain;
object-position: center;
} }
.asset-video { .asset-video {
border: 1px solid #d0d0d0;
margin: 16px; margin: 16px;
padding: 6px; padding: 6px;
border: 1px solid #d0d0d0;
} }
.vertical-split .asset-display { .vertical-split .asset-display {
height: 90vh; height: 90vh;