Enhance background styling and fix thumbnail assignment for video controls
This commit is contained in:
		@@ -7,12 +7,15 @@
 | 
				
			|||||||
	<style>
 | 
						<style>
 | 
				
			||||||
		body {
 | 
							body {
 | 
				
			||||||
			background-color: #000;
 | 
								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;
 | 
								margin: 0;
 | 
				
			||||||
			padding: 0;
 | 
								padding: 0;
 | 
				
			||||||
			display: flex;
 | 
								display: flex;
 | 
				
			||||||
			justify-content: center;
 | 
								justify-content: center;
 | 
				
			||||||
			align-items: center;
 | 
								align-items: center;
 | 
				
			||||||
			height: 100vh;
 | 
								height: 100vh;
 | 
				
			||||||
 | 
								overflow: hidden; /* To prevent any unexpected scrollbars */
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		.loader {
 | 
							.loader {
 | 
				
			||||||
@@ -317,7 +320,7 @@
 | 
				
			|||||||
				currentVideo = data.currentVideo;
 | 
									currentVideo = data.currentVideo;
 | 
				
			||||||
                nextVideo = data.nextVideo;
 | 
					                nextVideo = data.nextVideo;
 | 
				
			||||||
				$("#current-thumb").attr("src", currentVideo.thumbnail);
 | 
									$("#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
 | 
									// Consider populating prev-thumb and next-thumb here if data provides them
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				hideSpinner();
 | 
									hideSpinner();
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -74,10 +74,7 @@ func (a *App) homePage(c *gin.Context) {
 | 
				
			|||||||
		return
 | 
							return
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	model.CurrentVideo.Thumbnail = "https://imgproxy.fourthwall.com/GHX1MSukwJHMQeiqcJLZL906v2--re7qQbQIlHgy5jY/rs:fill:607:342:0/q:90/sm:1/enc/NDJiMWM5YzU3ODJh/MzgzZXFIti10srar/EYcgeYXIe6MXrQge/VBPZVk3b6DCE53dq/VGponLkc45F9743G/4la9S4IjbcNxs4lF/WnLXCMzFhaSUaZnL/Og4de_FSYxQOtzCC/0pfkgH1g4FJfajde/KrZfes95EWXzg9sP/kvEwcqro2EM.webp"
 | 
					 | 
				
			||||||
	model.CurrentVideo.URL = fmt.Sprintf("/stream/%d", model.CurrentVideo.ID)
 | 
						model.CurrentVideo.URL = fmt.Sprintf("/stream/%d", model.CurrentVideo.ID)
 | 
				
			||||||
 | 
					 | 
				
			||||||
	model.NextVideo.Thumbnail = "https://imgproxy.fourthwall.com/GHX1MSukwJHMQeiqcJLZL906v2--re7qQbQIlHgy5jY/rs:fill:607:342:0/q:90/sm:1/enc/NDJiMWM5YzU3ODJh/MzgzZXFIti10srar/EYcgeYXIe6MXrQge/VBPZVk3b6DCE53dq/VGponLkc45F9743G/4la9S4IjbcNxs4lF/WnLXCMzFhaSUaZnL/Og4de_FSYxQOtzCC/0pfkgH1g4FJfajde/KrZfes95EWXzg9sP/kvEwcqro2EM.webp"
 | 
					 | 
				
			||||||
	model.NextVideo.URL = fmt.Sprintf("/stream/%d", model.CurrentVideo.ID)
 | 
						model.NextVideo.URL = fmt.Sprintf("/stream/%d", model.CurrentVideo.ID)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	c.JSON(200, model)
 | 
						c.JSON(200, model)
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user