From ca2e53bd6e3de50f2fdf62da16734873be37fcc4 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Thu, 9 Jul 2020 21:18:46 +0900
Subject: [PATCH] :art:

---
 src/client/components/error.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/client/components/error.vue b/src/client/components/error.vue
index fea81305e..b1d91fb3e 100644
--- a/src/client/components/error.vue
+++ b/src/client/components/error.vue
@@ -1,9 +1,11 @@
 <template>
-<div class="mjndxjcg _panel">
-	<img src="https://xn--931a.moe/assets/error.jpg" class="_ghost"/>
-	<p><fa :icon="faExclamationTriangle"/> {{ $t('error') }}</p>
-	<mk-button @click="() => $emit('retry')" class="button">{{ $t('retry') }}</mk-button>
-</div>
+<transition :name="$store.state.device.animation ? 'zoom' : ''" appear>
+	<div class="mjndxjcg _panel">
+		<img src="https://xn--931a.moe/assets/error.jpg" class="_ghost"/>
+		<p><fa :icon="faExclamationTriangle"/> {{ $t('error') }}</p>
+		<mk-button @click="() => $emit('retry')" class="button">{{ $t('retry') }}</mk-button>
+	</div>
+</transition>
 </template>
 
 <script lang="ts">