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