Merge branch 'main' into InfectingTailwind

nc-team-inertia · Feb 11, 2025 · bb95bce · bb95bce
2 parents d309329 + dd46edf
commit bb95bce
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 15 deletions.
diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Footer/Footer.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Footer/Footer.razor
@@ -1,5 +1,6 @@
-<footer class="light-bg-secondary text-white py-4 flex flex-col gap-2 justify-center items-center">
-	<p class="text-lg md:text-2xl py-2">
+<footer class="light-bg-secondary text-white py-4 flex flex-col gap-2 justify-center items-center">
+	<p class="text-lg md:text-2xl font-bold py-2">
+
 		Spreeview
 	</p>
 	<div class="h-[1px] w-5/6 bg-white"></div>

diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Header/HeaderBrand.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Header/HeaderBrand.razor
@@ -1,7 +1,5 @@
-
-<NavLink href="/" class="flex items-center" aria-label="home">
-    <h1 class="text-[1.5rem] sm:text-[2rem] md:text-[2.5rem] lg:text-[3rem] font-medium">
+<NavLink href="/" class="flex items-center" aria-label="home">
+    <h1 class="text-[1.5rem] sm:text-[2rem] md:text-[2.5rem] lg:text-[3rem] font-bold">
         <span> Spreeview 🎬 </span>
     </h1>
 </NavLink>
-
diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Header/Navlist/Navlist.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Header/Navlist/Navlist.razor
@@ -1,4 +1,4 @@
-@inject NavigationManager NVM;
+@inject NavigationManager NVM;
 @code {
     private bool display { get; set; } = false;
 
@@ -11,6 +11,8 @@
 <nav class="@(MobileMode ? "grow flex gap-6 flex-col items-end lg:hidden p-5" : "flex grow justify-end text-nowrap gap-6 align-middle max-lg:hidden h-fit")">
 
     <div class="flex gap-4 rounded-2xl items-center TransitionMe">
+
+
         <NavLink class="p-2" href="/">Home</NavLink>
     </div>
 

diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Header/Navlist/NavlistToggle.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Header/Navlist/NavlistToggle.razor
@@ -6,6 +6,7 @@
     public bool Active { get; set; }
 }
 
+
 <button @onclick="OnClick" class="block cursor-pointer rounded-2xl p-3 lg:hidden" id="burgerMenu">
     @* We might want to change this icon, currently inline SVG data *@
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="var(--mFg)"

diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/HomeComponents/HeroSection.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/HomeComponents/HeroSection.razor
@@ -1,9 +1,19 @@
 <section class="w-full py-12">
-	<h1 class="text-purple-600 text-[2rem] md:text-[3rem] lg:text-[4rem] text-semibold text-center">
+
+	<h1 class="gradient-text text-[2rem] md:text-[3rem] lg:text-[4rem] font-bold text-center">
 		From TV fanatics, for TV fanatics
 	</h1>
-	<p class="w-4/5 text-xl md:text-2xl text-center mx-auto">
-		Spreeview allows users to browse, review and comment on all their favourite series and episodes.
+
+	<style>
+		.gradient-text {
+			background: linear-gradient(to right, #f29333, #8816FCFF); /* gradient colors */
+			-webkit-background-clip: text;
+			-webkit-text-fill-color: transparent;
+		}
+	</style>
+	<p class="w-4/5 text-xl md:text-2xl text-center text-gray-800 font-semibold mx-auto">
+		Spreeview lets you browse, review and comment on the series you love 
+
 	</p>
 </section>
 

diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/HomeComponents/MainCarousel.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/HomeComponents/MainCarousel.razor
@@ -11,7 +11,7 @@
 				<img 
 					src=@($"https://image.tmdb.org/t/p/w500{series.BannerPath}") 
 					srcset=@($"https://image.tmdb.org/t/p/w500{series.BannerPath} 500w, https://image.tmdb.org/t/p/w780{series.BannerPath} 780w, https://image.tmdb.org/t/p/w1280{series.BannerPath} 1280w, https://image.tmdb.org/t/p/original{series.BannerPath} 1920w") 
-					sizes="(max-width: 600px) 500px, (max-width: 1200px) 780px, 1280px" 
+					sizes="(max-width: 600px) 500px, (max-width: 1200px) 1080px, 1920px" 
 					class="w-full flex-shrink-0 object-cover" 
 					alt="Banner Carousel" 
 					@onclick="() => Redirect(series.Id)" 
@@ -25,12 +25,15 @@
 		<button @onclick="Previous" class="absolute left-2 top-1/2 -translate-y-1/2 text-white z-20" id="left" aria-label="left">
 
 				<svg xmlns="http://www.w3.org/2000/svg" class="w-[50px] h-[50px] sm:w-[100px] sm:h-[100px]" viewBox="0 0 24 24" fill="var(--mBg)">
+
 				<path d="M 11 9 C 12 8 10 7 9 8 L 6 11 C 5 12 5 12 6 13 l 3 3 C 10 17 12 16 11 15 l -1 -1 L 8 12 C 8 12 8 12 8 12 l 3 -3 z"/>
 			</svg>
 		</button>
 
 		<button @onclick="Next" class="absolute right-2 top-1/2 -translate-y-1/2 text-white z-20" id="right" aria-label="right">
+
 				<svg xmlns="http://www.w3.org/2000/svg" class="w-[50px] h-[50px] sm:w-[100px] sm:h-[100px]" viewBox="0 0 24 24" fill="var(--mBg)">
+
 				<path d="M 12 9 C 11 8 13 7 14 8 L 17 11 C 18 12 18 12 17 13 l -3 3 C 13 17 11 16 12 15 l 1 -1 L 15 12 C 15 12 15 12 15 12 l -3 -3 z"/>
 			</svg>
 		</button>

diff --git a/.../SpreeviewFrontend/SpreeviewFrontend/Components/HomeComponents/PopularSeriesDisplay.razor b/.../SpreeviewFrontend/SpreeviewFrontend/Components/HomeComponents/PopularSeriesDisplay.razor
@@ -16,7 +16,9 @@
 
 	@if (series.Count > 5)
 	{
-		<button class="button-purple-large" @onclick="ToggleSeries">@(showNumber <= 5 ? "Show More" : "Show Less")</button>
+
+		<button class="button-purple-large" @onclick="ToggleSeries">@(showNumber <= 5 ? "Show more" : "Show Less")</button>
+
 	}
 
 </section>

diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Reviews/ReviewCard.razor b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/Components/Reviews/ReviewCard.razor
@@ -25,15 +25,15 @@
 					{
 						<button class="flex gap-1 justify-center items-center p-2 bg-white text-purple-600 rounded-lg" @onclick="() => ToggleReviewEditor()">
 							Edit
-							<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-pen" viewBox="0 0 16 16">
+							<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="var(--accent)" class="bi bi-pen" viewBox="0 0 16 16">
 								<path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001m-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708z" />
 							</svg>
 						</button>
 					}
 				</Authorized>
 			</AuthorizeView>
 		</div>
-		
+
 		<p class="text-lg italic">"@review.Contents"</p>
 		<div>
 			<p>@reviewUserName</p>
@@ -174,6 +174,7 @@
 					EpisodeNumber = review.EpisodeNumber
 				};
 			await CommentService.PostReviewComment(comment);
+			CommentInput = String.Empty;
 			Console.WriteLine("successfull");
 		}
 		catch (Exception e)

diff --git a/Spreeview/SpreeviewFrontend/SpreeviewFrontend/wwwroot/css/app.css b/Spreeview/SpreeviewFrontend/SpreeviewFrontend/wwwroot/css/app.css
@@ -189,5 +189,5 @@ body, html {
 }
 
 .button-purple-large {
-    @apply bg-purple-600 py-2 px-4 text-white text-2xl rounded-md shadow-purple active:scale-95;
+    @apply bg-purple-600 py-2 px-4 text-white text-lg rounded-md shadow-purple active:scale-95;
 }