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