Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-08 16:07:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feature: background splash screen on load

Browse source
This commit is contained in:
Timothy Z. 2024-05-16 13:15:56 +03:00
parent 23256386cc
commit 0584618b66
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/Player/Player.js
View file

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

6
src/routes/Player/styles.less
View file

@ -40,10 +40,15 @@ html:not(.active-slider-within) {
bottom: 0;
z-index: 0;
&.buffering-layer {
z-index: 1;
}
&.nav-bar-layer {
bottom: initial;
background: transparent;
overflow: visible;
z-index: 2;
&::before {
position: absolute;
@ -73,6 +78,7 @@ html:not(.active-slider-within) {
&.control-bar-layer {
top: initial;
overflow: visible;
z-index: 2;
&::before {
position: absolute;