Fix
This commit is contained in:
parent
9c312b0e26
commit
d8dc677906
|
@ -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)
|
||||||
|
|
Loading…
Reference in New Issue