This commit is contained in:
こぴなたみぽ 2018-02-16 17:43:25 +09:00
parent c377ddf77a
commit 09a388dead
4 changed files with 52 additions and 38 deletions

View File

@ -1,19 +0,0 @@
<mk-user-followers-window>
<mk-window is-modal={ false } width={ '400px' } height={ '550px' }><yield to="header"><img src={ parent.user.avatar_url + '?thumbnail&size=64' } alt=""/>{ parent.user.name }のフォロワー</yield>
<yield to="content">
<mk-user-followers user={ parent.user }/></yield>
</mk-window>
<style lang="stylus" scoped>
:scope
> mk-window
[data-yield='header']
> img
display inline-block
vertical-align bottom
height calc(100% - 10px)
margin 5px
border-radius 4px
</style>
<script lang="typescript">this.user = this.opts.user</script>
</mk-user-followers-window>

View File

@ -1,19 +0,0 @@
<mk-user-following-window>
<mk-window is-modal={ false } width={ '400px' } height={ '550px' }><yield to="header"><img src={ parent.user.avatar_url + '?thumbnail&size=64' } alt=""/>{ parent.user.name }のフォロー</yield>
<yield to="content">
<mk-user-following user={ parent.user }/></yield>
</mk-window>
<style lang="stylus" scoped>
:scope
> mk-window
[data-yield='header']
> img
display inline-block
vertical-align bottom
height calc(100% - 10px)
margin 5px
border-radius 4px
</style>
<script lang="typescript">this.user = this.opts.user</script>
</mk-user-following-window>

View File

@ -0,0 +1,26 @@
<template>
<mk-window width='400px' height='550px' @closed="$destroy">
<span slot="header" :class="$style.header">
<img :src="`${user.avatar_url}?thumbnail&size=64`" alt=""/>{{ user.name }}のフォロワー
</span>
<mk-user-followers :user="user"/>
</mk-window>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: ['user']
});
</script>
<style lang="stylus" module>
.header
> img
display inline-block
vertical-align bottom
height calc(100% - 10px)
margin 5px
border-radius 4px
</style>

View File

@ -0,0 +1,26 @@
<template>
<mk-window width='400px' height='550px' @closed="$destroy">
<span slot="header" :class="$style.header">
<img :src="`${user.avatar_url}?thumbnail&size=64`" alt=""/>{{ user.name }}のフォロー
</span>
<mk-user-following :user="user"/>
</mk-window>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: ['user']
});
</script>
<style lang="stylus" module>
.header
> img
display inline-block
vertical-align bottom
height calc(100% - 10px)
margin 5px
border-radius 4px
</style>