feat(cover): better defaults

2 files changed, 4 insertions, 3 deletions

diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte
index b0c15fc5..7e1f0e89 100644
--- a/src/lib/Media/Cover/HoverCover.svelte
+++ b/src/lib/Media/Cover/HoverCover.svelte
@@ -6,6 +6,7 @@
 	export let hoveredItem: SubsPleaseEpisode | null = null;
 	export let hoveredMedia: Media | null = null;
 	export let imageStyle = '';
+	export let width = 250;
 </script>
 
 {#if hovering}
@@ -15,7 +16,7 @@
 			? hoveredMedia.coverImage.extraLarge
 			: `https://subsplease.org${hoveredItem?.image_url}`}
 		alt="Media Cover"
-		style={imageStyle}
+		style={`width: ${width}px; ${imageStyle}`}
 	/>
 {/if}
 
@@ -23,9 +24,9 @@
 	.hover-image {
 		position: fixed;
 		z-index: 1000;
-		width: 300px;
 		height: auto;
 		display: none;
+		border-radius: 3px;
 	}
 
 	.show {
diff --git a/src/lib/Media/Cover/hoverCover.ts b/src/lib/Media/Cover/hoverCover.ts
index 97a41f35..0a162f3e 100644
--- a/src/lib/Media/Cover/hoverCover.ts
+++ b/src/lib/Media/Cover/hoverCover.ts
@@ -28,7 +28,7 @@ interface OnMouseMove {
 	style: string;
 }
 
-export const onMouseMove = (event: MouseEvent, imageWidth = 300) => {
+export const onMouseMove = (event: MouseEvent, imageWidth = 250) => {
 	const offset = 10;
 	let imageLeft = 0;
 	let imageTop = 0;