diff --git a/src/components/MovieRow.css b/src/components/MovieRow.css index 4ef12f41..a8153064 100644 --- a/src/components/MovieRow.css +++ b/src/components/MovieRow.css @@ -24,6 +24,13 @@ margin-right: 0.5rem; } +.movieRow .left .titleWrapper { + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + .movieRow .left .seasonEpisodeSubtitle, .movieRow .left .year { color: var(--text-secondary); @@ -62,6 +69,14 @@ margin-right: 10px; } +.subtitleIcon { + width: 30px; + display: flex; + justify-content: center; + align-items: center; + margin-right: 10px; +} + @media screen and (max-width: 400px) { .movieRow { flex-direction: column; diff --git a/src/components/MovieRow.js b/src/components/MovieRow.js index a7a7adac..b0d62e3c 100644 --- a/src/components/MovieRow.js +++ b/src/components/MovieRow.js @@ -21,10 +21,25 @@ export function MovieRow(props) { return (
props.onClick && props.onClick()}> + + { props.source === "lookmovie" && ( +
+ + + +
+ ) } +
{/* */} - {props.title}{props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}  - ({props.year}) +
+
+ {props.title} +   + ({props.year}) + {props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''} +
+
diff --git a/src/components/VideoElement.js b/src/components/VideoElement.js index 13426eb0..c07fb0fd 100644 --- a/src/components/VideoElement.js +++ b/src/components/VideoElement.js @@ -9,7 +9,7 @@ import './VideoElement.css' // setProgress: (event: NativeEvent) => void // videoRef: useRef // startTime: number -export function VideoElement({ streamUrl, loading, setProgress, videoRef, startTime }) { +export function VideoElement({ streamUrl, loading, setProgress, videoRef, startTime, streamData }) { const [error, setError] = React.useState(false); function onLoad() { @@ -48,11 +48,14 @@ export function VideoElement({ streamUrl, loading, setProgress, videoRef, startT if (!streamUrl.endsWith('.mp4')) { return ( -