swrup/geochan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css: use max-width for better image preview

Browse source
This commit is contained in:
Swrup 2022-01-18 01:41:10 +01:00
parent 70b34515f8
commit a3282ecf29
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/babillard.ml
View file

@ -355,9 +355,9 @@ let view_post ?is_thread_preview post_id =
(*TODO thumbnails *)
Format.sprintf
{|
<div class="postImage">
<div class="postImageContainer">
<a title="%s" href="/post_pic/%s">
<img src="/post_pic/%s" style="width:200px;height:200px;" loading="lazy">
<img class= "postImage" src="/post_pic/%s" loading="lazy">
</a>
</div>
|}

7
src/content/assets/css/style.css
View file

@ -44,11 +44,16 @@ blockquote.blockquote {
display: block;
}
.postImage {
.postImageContainer {
float: left;
padding: 5px 5px 5px 5px;
}
.postImage {
max-width: 250px;
height: auto;
}
.quote {
color: green;
}