asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
When the title of the post has a line break, there will be a blank space at the bottom of the preview image.
This commit is contained in:
Cotes Chung 2023-05-25 22:14:46 +08:00
parent c4da99c7ea
commit ce2f6f5abe
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_layouts/home.html
View file

@ -65,7 +65,7 @@ refactor: true
{% assign alt = post.image.alt | default: 'Preview Image' %} {% 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 %} {% endif %}
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">

2
_sass/layout/home.scss
View file

@ -148,7 +148,7 @@
.card { .card {
.preview-img { .preview-img {
width: 20rem; 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 { .card-body {