mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-09-01 17:55:11 +00:00
minor correction
This commit is contained in:
parent
5d5badd567
commit
f2cabfb07a
4 changed files with 8 additions and 9 deletions
|
@ -1,11 +1,11 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
const LoadingScreen = ({ status }) =>
|
const LoadingScreen = ({ status }) =>
|
||||||
<div className="video--loading-screen">
|
<div className="video__loading-screen">
|
||||||
<div className="video--loading-screen-content">
|
<div>
|
||||||
<div className="video--loading-spinner" />
|
<div className="video__loading-spinner" />
|
||||||
|
|
||||||
<div className="video--loading-status">
|
<div className="video__loading-status">
|
||||||
{status}
|
{status}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -22,7 +22,6 @@ class VideoPlayButton extends React.Component {
|
||||||
const {
|
const {
|
||||||
button,
|
button,
|
||||||
label,
|
label,
|
||||||
className,
|
|
||||||
metadata,
|
metadata,
|
||||||
metadata: { title },
|
metadata: { title },
|
||||||
uri,
|
uri,
|
||||||
|
|
|
@ -68,7 +68,6 @@ class Video extends React.Component {
|
||||||
poster={poster}
|
poster={poster}
|
||||||
downloadPath={fileInfo.download_path}
|
downloadPath={fileInfo.download_path}
|
||||||
mediaType={mediaType}
|
mediaType={mediaType}
|
||||||
poster={poster}
|
|
||||||
/>)}
|
/>)}
|
||||||
{!isPlaying &&
|
{!isPlaying &&
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -35,14 +35,14 @@ video {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.video--loading-screen {
|
.video__loading-screen {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video--loading-spinner {
|
.video__loading-spinner {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 11em;
|
width: 11em;
|
||||||
height: 11em;
|
height: 11em;
|
||||||
|
@ -89,7 +89,7 @@ video {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.video--loading-status {
|
.video__loading-status {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
@ -104,6 +104,7 @@ video {
|
||||||
position: relative;
|
position: relative;
|
||||||
.video__play-button { @include absolute-center(); }
|
.video__play-button { @include absolute-center(); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.video__play-button {
|
.video__play-button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Add table
Reference in a new issue