From 10070bb6a60f82272dd992ec484d782a1118d966 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Sat, 9 Mar 2024 18:32:36 +1300
Subject: [PATCH] Added progress to thumbnails

---
 materialious/src/lib/Thumbnail.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/materialious/src/lib/Thumbnail.svelte b/materialious/src/lib/Thumbnail.svelte
index 5aa77f97..5d305c1b 100644
--- a/materialious/src/lib/Thumbnail.svelte
+++ b/materialious/src/lib/Thumbnail.svelte
@@ -32,10 +32,10 @@
 	});
 </script>
 
-<article class="no-padding transparent">
+<article class="no-padding transparent" style="width: 100%;">
 	<a
 		class="wave"
-		style="width: 100%; height: 155px; overflow: hidden;"
+		style="width: 100%;height: 155px; overflow: hidden;"
 		href={`/watch/${video.videoId}`}
 	>
 		{#if loading}
@@ -64,7 +64,10 @@
 		{/if}
 	</a>
 	<div class="small-padding">
-		<nav>
+		{#if localStorage.getItem(video.videoId)}
+			<progress value={localStorage.getItem(video.videoId)} max={video.lengthSeconds}></progress>
+		{/if}
+		<nav class="no-margin">
 			<div class="max">
 				<a href={`/watch/${video.videoId}`}><div class="bold">{truncate(video.title)}</div></a>
 				<div>