Enhance background styling and fix thumbnail assignment for video controls
This commit is contained in:
@@ -7,12 +7,15 @@
|
||||
<style>
|
||||
body {
|
||||
background-color: #000;
|
||||
background-image: radial-gradient(circle at 50% 200%, rgba(255, 0, 0, 0.4) 0%, transparent 70%),
|
||||
radial-gradient(circle at 50% -100%, rgba(0, 0, 255, 0.4) 0%, transparent 70%);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
overflow: hidden; /* To prevent any unexpected scrollbars */
|
||||
}
|
||||
|
||||
.loader {
|
||||
@@ -317,7 +320,7 @@
|
||||
currentVideo = data.currentVideo;
|
||||
nextVideo = data.nextVideo;
|
||||
$("#current-thumb").attr("src", currentVideo.thumbnail);
|
||||
$("#current-thumb").attr("src", nextVideo.thumbnail);
|
||||
$("#next-thumb").attr("src", nextVideo.thumbnail);
|
||||
// Consider populating prev-thumb and next-thumb here if data provides them
|
||||
|
||||
hideSpinner();
|
||||
|
||||
Reference in New Issue
Block a user