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 *) (*TODO thumbnails *)
Format.sprintf Format.sprintf
{| {|
<div class="postImage"> <div class="postImageContainer">
<a title="%s" href="/post_pic/%s"> <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> </a>
</div> </div>
|} |}

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

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