refactor: image styles

This commit is contained in:
Timothy Z. 2024-05-16 13:19:12 +03:00
parent 0584618b66
commit 363107de68
2 changed files with 10 additions and 2 deletions

View file

@ -618,8 +618,8 @@ const Player = ({ urlParams, queryParams }) => {
}
{
!video.state.loaded ?
<div className={styles['layer']}>
<img src={player?.metaItem?.content?.background} />
<div className={classnames(styles['layer'], styles['background-layer'])}>
<img className={styles['image']} src={player?.metaItem?.content?.background} />
</div>
:
null

View file

@ -44,6 +44,14 @@ html:not(.active-slider-within) {
z-index: 1;
}
&.background-layer {
.image {
width: 100vw;
height: 100vh;
object-fit: cover;
}
}
&.nav-bar-layer {
bottom: initial;
background: transparent;