perf(ui): avoid blank space at the bottom of the homepage preview image

When the title of the post has a line break, there will be a blank space at the bottom of the preview image.
cotes2020 · Jun 4, 2023 · ce2f6f5 · ce2f6f5
1 parent c4da99c
commit ce2f6f5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -65,7 +65,7 @@
 
           {% assign alt = post.image.alt | default: 'Preview Image' %}
 
-          <img src="{{ src }}" w="15" h="8" alt="{{ alt }}" {{ lqip }}>
+          <img src="{{ src }}" w="17" h="10" alt="{{ alt }}" {{ lqip }}>
         {% endif %}
 
         <div class="card-body d-flex flex-column">

diff --git a/_sass/layout/home.scss b/_sass/layout/home.scss
@@ -148,7 +148,7 @@
     .card {
       .preview-img {
         width: 20rem;
-        height: 11.5rem; // can hold 2 lines each for title and content
+        height: 11.55rem; // can hold 2 lines each for title and content
       }
 
       .card-body {