This commit is contained in:
syuilo 2018-05-26 10:51:00 +09:00
parent 9c312b0e26
commit d8dc677906

View file

@ -1,9 +1,7 @@
<template> <template>
<div class="mk-user-card"> <div class="mk-user-card">
<header :style="user.bannerUrl ? `background-image: url(${user.bannerUrl}?thumbnail&size=1024)` : ''"> <header :style="user.bannerUrl ? `background-image: url(${user.bannerUrl}?thumbnail&size=1024)` : ''">
<a :href="user | userPage"> <mk-avatar class="avatar" :user="user"/>
<img :src="`${user.avatarUrl}?thumbnail&size=200`" alt="avatar"/>
</a>
</header> </header>
<a class="name" :href="user | userPage" target="_blank">{{ user | userName }}</a> <a class="name" :href="user | userPage" target="_blank">{{ user | userName }}</a>
<p class="username"><mk-acct :user="user"/></p> <p class="username"><mk-acct :user="user"/></p>
@ -35,8 +33,7 @@ export default Vue.extend({
background-position center background-position center
border-radius 8px 8px 0 0 border-radius 8px 8px 0 0
> a > .avatar
> img
position absolute position absolute
top 20px top 20px
left calc(50% - 40px) left calc(50% - 40px)