This commit is contained in:
syuilo
2019-02-21 00:30:53 +09:00
parent fa78fe665d
commit 7612ead551
9 changed files with 22 additions and 35 deletions

View File

@ -4,7 +4,7 @@
<div class="newer-indicator" :style="{ top: $store.state.uiHeaderHeight + 'px' }" v-show="queue.length > 0"></div>
<slot name="empty" v-if="notes.length == 0 && !fetching && inited"></slot>
<div class="empty" v-if="notes.length == 0 && !fetching && inited">{{ $t('@.no-notes') }}</div>
<mk-error v-if="!fetching && !inited" @retry="init()"/>
@ -209,6 +209,11 @@ export default Vue.extend({
> *
transition transform .3s ease, opacity .3s ease
> .empty
padding 16px
text-align center
color var(--text)
> .placeholder
padding 32px
opacity 0.3

View File

@ -1,6 +1,6 @@
<template>
<div class="eamppglmnmimdhrlzhplwpvyeaqmmhxu">
<slot name="empty" v-if="notes.length == 0 && !fetching && inited"></slot>
<div class="empty" v-if="notes.length == 0 && !fetching && inited">{{ $t('@.no-notes') }}</div>
<mk-error v-if="!fetching && !inited" @retry="init()"/>
@ -201,6 +201,11 @@ export default Vue.extend({
> *
transition transform .3s ease, opacity .3s ease
> .empty
padding 16px
text-align center
color var(--text)
> .placeholder
padding 16px
opacity 0.3

View File

@ -8,9 +8,6 @@
<router-link to="/explore">{{ $t('@.empty-timeline-info.explore') }}</router-link>
</div>
</template>
<template #empty>
<fa :icon="['far', 'comments']"/>{{ $t('empty') }}
</template>
</mk-notes>
</div>
</template>

View File

@ -9,7 +9,6 @@
<span :data-active="mode == 'my-posts'" @click="mode = 'my-posts'"><fa icon="user"/> {{ $t('my-posts') }}</span>
</header>
</template>
<template #empty><fa :icon="['far', 'comments']"/>{{ $t('empty') }}</template>
</mk-notes>
</div>
</template>

View File

@ -1,6 +1,6 @@
<template>
<div class="ivaojijs">
<slot name="empty" v-if="notes.length == 0 && !fetching && inited"></slot>
<div class="empty" v-if="notes.length == 0 && !fetching && inited">{{ $t('@.no-notes') }}</div>
<mk-error v-if="!fetching && !inited" @retry="init()"/>
@ -197,6 +197,11 @@ export default Vue.extend({
@media (min-width 500px)
box-shadow 0 8px 32px rgba(#000, 0.1)
> .empty
padding 16px
text-align center
color var(--text)
.transition
.mk-notes-enter
.mk-notes-leave-to

View File

@ -1,11 +1,6 @@
<template>
<div class="mk-user-timeline">
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<template #empty>
<fa :icon="['far', 'comments']"/>
{{ withMedia ? this.$t('no-notes-with-media') : this.$t('no-notes') }}
</template>
</mk-notes>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')"/>
</div>
</template>

View File

@ -7,11 +7,7 @@
</div>
</ui-container>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<template #empty>
<fa :icon="['far', 'comments']"/>{{ $t('empty') }}
</template>
</mk-notes>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')"/>
</div>
</template>