Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[Client] Add some animations 🎨

Browse source
This commit is contained in:
syuilo 2018-12-16 11:32:20 +09:00
parent a70070ac7d
commit d18ee12d2f
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
7 changed files with 67 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/client/app/mobile/views/pages/favorites.vue
View file

@ -3,9 +3,11 @@
<span slot="header"><span style="margin-right:4px;"><fa icon="star"/></span>{{ $t('title') }}</span>
<main>
<template v-for="favorite in favorites">
<mk-note-detail class="post" :note="favorite.note" :key="favorite.note.id"/>
</template>
<sequential-entrance animation="entranceFromTop" delay="25">
<template v-for="favorite in favorites">
<mk-note-detail class="post" :note="favorite.note" :key="favorite.note.id"/>
</template>
</sequential-entrance>
<ui-button v-if="existMore" @click="more">{{ $t('@.load-more') }}</ui-button>
</main>
</mk-ui>
@ -79,13 +81,13 @@ main
margin 0 auto
padding 8px
> .post
> * > .post
margin-bottom 8px
@media (min-width 500px)
padding 16px
> .post
> * > .post
margin-bottom 16px
@media (min-width 600px)