This commit is contained in:
syuilo 2020-02-13 11:54:12 +09:00
parent f7fe13a177
commit a473768bef
5 changed files with 29 additions and 17 deletions

View file

@ -31,7 +31,10 @@
</div>
</router-link>
</sequential-entrance>
<p class="no-history" v-if="!fetching && messages.length == 0">{{ $t('noHistory') }}</p>
<div class="no-history" v-if="!fetching && messages.length == 0">
<img src="https://xn--931a.moe/assets/info.png" alt="" class="_ghost"/>
<div>{{ $t('noHistory') }}</div>
</div>
<mk-loading v-if="fetching"/>
</div>
</template>
@ -285,11 +288,15 @@ export default Vue.extend({
}
> .no-history {
margin: 0;
padding: 2em 1em;
padding: 32px;
text-align: center;
color: #999;
font-weight: 500;
> img {
vertical-align: bottom;
height: 128px;
margin-bottom: 16px;
border-radius: 16px;
}
}
@media (max-width: 400px) {

View file

@ -5,7 +5,7 @@
<section class="_card">
<div class="_content">
<img src="https://xn--931a.moe/assets/not-found.png" alt=""/>
<img src="https://xn--931a.moe/assets/not-found.png" alt="" class="_ghost"/>
<div>{{ $t('notFoundDescription') }}</div>
</div>
</section>
@ -45,8 +45,6 @@ export default Vue.extend({
height: 150px;
margin-bottom: 16px;
border-radius: 16px;
pointer-events: none;
user-select: none;
}
}
}