mirror/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2024-12-24 00:39:32 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix

Browse Source
This commit is contained in:
syuilo 2018-05-26 10:51:00 +09:00
parent 9c312b0e26
commit d8dc677906
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/client/app/mobile/views/components/user-card.vue
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,15 +33,14 @@ 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) width 80px
width 80px height 80px
height 80px border solid 2px #fff
border solid 2px #fff border-radius 8px
border-radius 8px
> .name > .name
display block display block