Fix viewer alignment with non-square imgs/videos
This commit is contained in:
parent
411ee0b7f8
commit
d92d6734e1
|
@ -48,10 +48,13 @@ export default {
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
min-width: 10%;
|
min-width: 10%;
|
||||||
height: 80%;
|
height: 80%;
|
||||||
|
display: inline-flex;
|
||||||
|
|
||||||
img,
|
img,
|
||||||
video {
|
video {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
align-self: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue