Merge pull request #539 from lbryio/528-fix-image-stretch
added object-fit and position to assets
This commit is contained in:
commit
936230a7fc
1 changed files with 6 additions and 5 deletions
|
@ -1,20 +1,21 @@
|
|||
.asset-display {
|
||||
flex: 1 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
flex: 1 0 auto;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.asset-image, .asset-video {
|
||||
margin : 0;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin : 0;
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
}
|
||||
.asset-video {
|
||||
border: 1px solid #d0d0d0;
|
||||
margin: 16px;
|
||||
padding: 6px;
|
||||
border: 1px solid #d0d0d0;
|
||||
}
|
||||
.vertical-split .asset-display {
|
||||
height: 90vh;
|
||||
|
|
Loading…
Reference in a new issue