Use object-fit: cover for autofilled article previews

geo-milev · Sep 26, 2023 · 58eeaf0 · 58eeaf0
1 parent e408884
commit 58eeaf0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/src/lib/ArticlePreview.svelte b/src/lib/ArticlePreview.svelte
@@ -8,9 +8,9 @@
 
 <div class="container">
 	{#if preview.postImage}
-		<img class="preview-image" loading="lazy" src="{env.PUBLIC_SERVER_URL + preview.postImage.url}" alt="{preview.postImage.alt}"/>
+		<img class="preview-image" loading="lazy" src="{env.PUBLIC_SERVER_URL + preview.postImage.url}" alt="{preview.postImage.alt}">
 	{:else}
-		<img class="preview-image logo" loading="lazy" src="{env.PUBLIC_SERVER_URL + $seoAutofillImage.url}" alt="{$seoAutofillImage.alt}">
+		<img class="preview-image" loading="lazy" src="{env.PUBLIC_SERVER_URL + $seoAutofillImage.url}" alt="{$seoAutofillImage.alt}">
 	{/if}
 	<div class="content">
 		<div class="text">
@@ -37,10 +37,6 @@
 		width: 100%;
 	}
 
-	.preview-image.logo {
-		object-fit: contain;
-	}
-
 	.content {
 		display: flex;
 		padding: 1rem;

diff --git a/src/lib/BigArticlePreview.svelte b/src/lib/BigArticlePreview.svelte
@@ -43,7 +43,6 @@
 	}
 
 	.preview-image.logo {
-         object-fit: contain;
 		background-color: #FFFFFF;
 	}
-Original file line number
+Diff line change
@@ Expand Up / @@ -43,7 +43,6 @@ @@
     	}
     	.preview-image.logo {
-             object-fit: contain;
     		background-color: #FFFFFF;
     	}
@@ Expand Down @@