mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-23 09:13:08 +02:00
🎨
This commit is contained in:
parent
f51d1c5264
commit
70897c0e9a
3 changed files with 24 additions and 6 deletions
|
@ -124,6 +124,10 @@ common:
|
|||
|
||||
do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
|
||||
|
||||
error:
|
||||
title: '問題が発生しました'
|
||||
retry: 'やり直す'
|
||||
|
||||
reversi:
|
||||
drawn: "引き分け"
|
||||
my-turn: "あなたのターンです"
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
<slot name="empty" v-if="notes.length == 0 && !fetching && requestInitPromise == null"></slot>
|
||||
|
||||
<div v-if="!fetching && requestInitPromise != null">
|
||||
<p>%i18n:@error%</p>
|
||||
<button @click="resolveInitPromise">%i18n:@retry%</button>
|
||||
<div v-if="!fetching && requestInitPromise != null" class="error">
|
||||
<p>%fa:exclamation-triangle% %i18n:common.error.title%</p>
|
||||
<ui-button @click="resolveInitPromise">%i18n:common.error.retry%</ui-button>
|
||||
</div>
|
||||
|
||||
<div class="placeholder" v-if="fetching">
|
||||
|
@ -215,6 +215,13 @@ export default Vue.extend({
|
|||
> *
|
||||
transition transform .3s ease, opacity .3s ease
|
||||
|
||||
> .error
|
||||
max-width 300px
|
||||
margin 0 auto
|
||||
padding 16px
|
||||
text-align center
|
||||
color var(--text)
|
||||
|
||||
> .placeholder
|
||||
padding 32px
|
||||
opacity 0.3
|
||||
|
|
|
@ -8,9 +8,9 @@
|
|||
</template>
|
||||
</div>
|
||||
|
||||
<div v-if="!fetching && requestInitPromise != null">
|
||||
<p>%i18n:@error%</p>
|
||||
<button @click="resolveInitPromise">%i18n:@retry%</button>
|
||||
<div v-if="!fetching && requestInitPromise != null" class="error">
|
||||
<p>%fa:exclamation-triangle% %i18n:common.error.title%</p>
|
||||
<ui-button @click="resolveInitPromise">%i18n:common.error.retry%</ui-button>
|
||||
</div>
|
||||
|
||||
<!-- トランジションを有効にするとなぜかメモリリークする -->
|
||||
|
@ -226,6 +226,13 @@ export default Vue.extend({
|
|||
> *
|
||||
transition transform .3s ease, opacity .3s ease
|
||||
|
||||
> .error
|
||||
max-width 300px
|
||||
margin 0 auto
|
||||
padding 16px
|
||||
text-align center
|
||||
color var(--text)
|
||||
|
||||
> .placeholder
|
||||
padding 16px
|
||||
opacity 0.3
|
||||
|
|
Loading…
Reference in a new issue