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

@ -1,6 +1,6 @@
<template> <template>
<div class="mjndxjcg _panel"> <div class="mjndxjcg _panel">
<img src="https://xn--931a.moe/assets/error.png" alt=""/> <img src="https://xn--931a.moe/assets/error.png" alt="" class="_ghost"/>
<p><fa :icon="faExclamationTriangle"/> {{ $t('error') }}</p> <p><fa :icon="faExclamationTriangle"/> {{ $t('error') }}</p>
<mk-button @click="() => $emit('retry')" class="button">{{ $t('retry') }}</mk-button> <mk-button @click="() => $emit('retry')" class="button">{{ $t('retry') }}</mk-button>
</div> </div>
@ -45,8 +45,6 @@ export default Vue.extend({
height: 150px; height: 150px;
margin-bottom: 16px; margin-bottom: 16px;
border-radius: 16px; border-radius: 16px;
pointer-events: none;
user-select: none;
} }
} }
</style> </style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="mk-notes" v-size="[{ max: 500 }]"> <div class="mk-notes" v-size="[{ max: 500 }]">
<div class="empty" v-if="empty"> <div class="empty" v-if="empty">
<img src="https://xn--931a.moe/assets/info.png" alt=""/> <img src="https://xn--931a.moe/assets/info.png" alt="" class="_ghost"/>
<div>{{ $t('noNotes') }}</div> <div>{{ $t('noNotes') }}</div>
</div> </div>
@ -88,8 +88,6 @@ export default Vue.extend({
height: 128px; height: 128px;
margin-bottom: 16px; margin-bottom: 16px;
border-radius: 16px; border-radius: 16px;
pointer-events: none;
user-select: none;
} }
} }

View File

@ -31,7 +31,10 @@
</div> </div>
</router-link> </router-link>
</sequential-entrance> </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"/> <mk-loading v-if="fetching"/>
</div> </div>
</template> </template>
@ -285,11 +288,15 @@ export default Vue.extend({
} }
> .no-history { > .no-history {
margin: 0; padding: 32px;
padding: 2em 1em;
text-align: center; text-align: center;
color: #999;
font-weight: 500; > img {
vertical-align: bottom;
height: 128px;
margin-bottom: 16px;
border-radius: 16px;
}
} }
@media (max-width: 400px) { @media (max-width: 400px) {

View File

@ -5,7 +5,7 @@
<section class="_card"> <section class="_card">
<div class="_content"> <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>{{ $t('notFoundDescription') }}</div>
</div> </div>
</section> </section>
@ -45,8 +45,6 @@ export default Vue.extend({
height: 150px; height: 150px;
margin-bottom: 16px; margin-bottom: 16px;
border-radius: 16px; border-radius: 16px;
pointer-events: none;
user-select: none;
} }
} }
} }

View File

@ -164,6 +164,19 @@ a {
} }
} }
._noSelect {
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
._ghost {
&, * {
@extend ._noSelect;
pointer-events: none;
}
}
._button { ._button {
appearance: none; appearance: none;
padding: 0; padding: 0;
@ -175,9 +188,7 @@ a {
font-size: 1em; font-size: 1em;
&, * { &, * {
user-select: none; @extend ._noSelect;
-webkit-user-select: none;
-webkit-touch-callout: none;
} }
* { * {