Update image dimensions in Entry and +page components

Michael-Liendo · Jan 19, 2024 · fd1ec31 · fd1ec31
1 parent 8233baa
commit fd1ec31
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/lib/components/Entry.svelte b/src/lib/components/Entry.svelte
@@ -27,10 +27,10 @@
 
 <li class="mb-4 md:mb-0 last-of-type:mb-0">
   <a href="{baseLocaleUrl}/notes/{slug}">
-    <figure class="rounded-md mb-10 h-[200px]">
+    <figure class="rounded-md mb-4">
       <img
         alt={title}
-        class="rounded-md"
+        class="rounded-md object-cover h-[220px]"
         src={previewImageUrl}
         width="350"
         height="100"

diff --git a/src/routes/[[lang=lang]]/+page.svelte b/src/routes/[[lang=lang]]/+page.svelte
@@ -133,6 +133,8 @@
               src={note.cover}
               class="rounded-t-2xl"
               alt={note.title}
+              height="200px"
+              width="100%"
               itemprop="image"
             />
             <figcaption class="px-5">
@@ -233,6 +235,8 @@
           <img
             src={note.cover}
             alt={note.title}
+            height="200px"
+            width="100%"
             class="md:w-2/5 object-cover rounded-l-2xl"
             itemprop="image"
           />