github
/
hexo-theme-icarus
mirror of https://github.com/ppoffice/hexo-theme-icarus
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
include/style/helper.styl
View File

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

2
layout/widget/profile.jsx
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}