ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix thumbnail display

Browse source
This commit is contained in:
Ayo 2018-02-06 17:10:22 +08:00
parent 341819232b
commit 6e42e8b57b
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_layouts/home.html
View file

@ -21,9 +21,9 @@ layout: default-home
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a> <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
</h3> </h3>
<div class="float-left post-excerpt"> <div class="float-left post-excerpt">
<img class="float-right post-thumb" src="../assets/images/{{ post.image }}" />
{{ post.excerpt }} {{ post.excerpt }}
</div> </div>
<img class="float-left post-thumb" src="../assets/images/{{ post.image }}" />
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="post-readmore"> <div class="post-readmore">
<a href="{{ post.url | relative_url }}" class="button">Continue Reading</a> <a href="{{ post.url | relative_url }}" class="button">Continue Reading</a>

7
assets/main.scss
View file

@ -159,16 +159,19 @@ article .post-content p {
float: left; float: left;
} }
.float-right {
float: right;
}
.clear-both { .clear-both {
clear: both; clear: both;
} }
.post-excerpt { .post-excerpt {
width: 70%;
} }
.post-thumb { .post-thumb {
width: 30%; width: 40%;
} }
.post-readmore { .post-readmore {