mirror of
https://github.com/misskey-dev/misskey
synced 2024-06-26 12:28:27 +02:00
47 lines
783 B
HTML
47 lines
783 B
HTML
<mk-user-home>
|
|
<div class="side">
|
|
<mk-user-profile user={ user }/>
|
|
<mk-user-photos user={ user }/>
|
|
</div>
|
|
<main>
|
|
<mk-user-timeline ref="tl" user={ user }/>
|
|
</main>
|
|
<style>
|
|
:scope
|
|
display flex
|
|
justify-content center
|
|
|
|
> *
|
|
> *
|
|
display block
|
|
//border solid 1px #eaeaea
|
|
border solid 1px rgba(0, 0, 0, 0.075)
|
|
border-radius 6px
|
|
|
|
&:not(:last-child)
|
|
margin-bottom 16px
|
|
|
|
> main
|
|
flex 1 1 560px
|
|
max-width 560px
|
|
margin 0
|
|
padding 16px 0 16px 16px
|
|
|
|
> .side
|
|
flex 1 1 270px
|
|
max-width 270px
|
|
margin 0
|
|
padding 16px 0 16px 0
|
|
|
|
</style>
|
|
<script>
|
|
this.user = this.opts.user;
|
|
|
|
this.on('mount', () => {
|
|
this.refs.tl.on('loaded', () => {
|
|
this.trigger('loaded');
|
|
});
|
|
});
|
|
</script>
|
|
</mk-user-home>
|