Merge pull request #327 from Spaenny/fix-thumbnail

fix #326 magic value for thumbnail video height
Materialious · May 24, 2024 · 7652699 · 7652699
2 parents 72879ea + 800901b
commit 7652699
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/materialious/src/lib/Thumbnail.svelte b/materialious/src/lib/Thumbnail.svelte
@@ -28,6 +28,7 @@
 	let videoPreview: VideoPlay | null = null;
 	let videoPreviewMuted: boolean = true;
 	let videoPreviewVolume: number = 0.4;
+	let imgHeight: number;
 
 	let proxyVideos = get(playerProxyVideosStore);
 
@@ -210,6 +211,7 @@
 		on:mouseover={previewVideo}
 		on:mouseleave={() => (showVideoPreview = false)}
 		on:focus={() => {}}
+		bind:clientHeight={imgHeight}
 		role="region"
 	>
 		<a
@@ -222,9 +224,9 @@
 				<progress class="circle"></progress>
 			{:else if loaded}
 				{#if showVideoPreview && videoPreview}
-					<div style="max-width: 100%; max-height: 200px;">
+					<div style="max-width: 100%; max-height: {imgHeight}px;">
 						<video
-							style="max-width: 100%; max-height: 200px;"
+							style="max-width: 100%; height: {imgHeight}px;"
 							autoplay
 							poster={img.src}
 							width="100%"