diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-12-11 21:43:28 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-12-11 21:43:28 +0900 |
| commit | 629991443ae759d315c280fc7c6227a902028ffe (patch) | |
| tree | 015c1135c6a6f66eec8fc156659c6f3a638fd751 /src/client/components/global/error.vue | |
| parent | ショートカットからお気に入りとRenote時にダイアログを... (diff) | |
| download | misskey-629991443ae759d315c280fc7c6227a902028ffe.tar.gz misskey-629991443ae759d315c280fc7c6227a902028ffe.tar.bz2 misskey-629991443ae759d315c280fc7c6227a902028ffe.zip | |
Update vetur
Diffstat (limited to 'src/client/components/global/error.vue')
| -rw-r--r-- | src/client/components/global/error.vue | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src/client/components/global/error.vue b/src/client/components/global/error.vue new file mode 100644 index 0000000000..311093dacf --- /dev/null +++ b/src/client/components/global/error.vue @@ -0,0 +1,48 @@ +<template> +<transition :name="$store.state.device.animation ? 'zoom' : ''" appear> + <div class="mjndxjcg"> + <img src="https://xn--931a.moe/assets/error.jpg" class="_ghost"/> + <p><Fa :icon="faExclamationTriangle"/> {{ $t('somethingHappened') }}</p> + <MkButton @click="() => $emit('retry')" class="button">{{ $t('retry') }}</MkButton> + </div> +</transition> +</template> + +<script lang="ts"> +import { defineComponent } from 'vue'; +import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'; +import MkButton from '@/components/ui/button.vue'; + +export default defineComponent({ + components: { + MkButton, + }, + data() { + return { + faExclamationTriangle + }; + }, +}); +</script> + +<style lang="scss" scoped> +.mjndxjcg { + padding: 32px; + text-align: center; + + > p { + margin: 0 0 8px 0; + } + + > .button { + margin: 0 auto; + } + + > img { + vertical-align: bottom; + height: 128px; + margin-bottom: 16px; + border-radius: 16px; + } +} +</style> |