sethlilly/Vapor

Disorted author Image

Flixlef opened this issue · 0 comments

If the image of the author is not in a square format, it will be disorted in the author block in the post view.

Possible (certainly not the best) solution:

Switch from an img tag to a div with an background-image:

posts.hbs line 45

<div class="userimage" style="background: url({{author.image}})"></div>

screen.css line 242

div.userimage {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-size: cover !important;
  background-position: center center !important;
  margin-right: 10px;
  float: left;
}

Thanks for the great work you've put so far into this project! :)