fix(widget): profile widget avatar image overflow

pull/754/head
ppoffice 2020-05-24 11:12:43 -04:00
parent 1b2c8a8049
commit c9abd56d31
2 changed files with 14 additions and 9 deletions

View File

@ -150,12 +150,17 @@ for n in (0 .. 5)
/* --------------------------------- /* ---------------------------------
* Image helpers * Image helpers
* --------------------------------- */ * --------------------------------- */
.image.is-7by3 .image
padding-top: 42.8% &.is-7by3
padding-top: 42.8%
img img
bottom: 0 bottom: 0
left: 0 left: 0
position: absolute position: absolute
right: 0 right: 0
top: 0 top: 0
.avatar
height: 100%
object-fit: cover

View File

@ -35,7 +35,7 @@ class Profile extends Component {
<div class="level-item has-text-centered flex-shrink-1"> <div class="level-item has-text-centered flex-shrink-1">
<div> <div>
<figure class="image is-128x128 mx-auto mb-2"> <figure class="image is-128x128 mx-auto mb-2">
<img class={avatarRounded ? 'is-rounded' : ''} src={avatar} alt={author} /> <img class={'avatar' + (avatarRounded ? ' is-rounded' : '')} src={avatar} alt={author} />
</figure> </figure>
{author ? <p class="title is-size-4 is-block line-height-inherit">{author}</p> : null} {author ? <p class="title is-size-4 is-block line-height-inherit">{author}</p> : null}
{authorTitle ? <p class="is-size-6 is-block">{authorTitle}</p> : null} {authorTitle ? <p class="is-size-6 is-block">{authorTitle}</p> : null}