From 69f246ce7faaa42637c7bc84d69de674d42b46ee Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 11 Dec 2018 21:17:57 +0900
Subject: Fix bug

---
 src/client/app/common/views/pages/404.vue | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

(limited to 'src/client/app')

diff --git a/src/client/app/common/views/pages/404.vue b/src/client/app/common/views/pages/404.vue
index 236e43ec65..5d6db50758 100644
--- a/src/client/app/common/views/pages/404.vue
+++ b/src/client/app/common/views/pages/404.vue
@@ -1,10 +1,10 @@
 <template>
-<figure>
-<img :src="src" alt="">
-<figcaption>
-<h1><span>404</span></h1>
-<p><span>{{ $t('page-not-found') }}</span></p>
-</figcaption>
+<figure class="megtcxgu">
+	<img :src="src" alt="">
+	<figcaption>
+		<h1><span>Not found</span></h1>
+		<p><span>{{ $t('page-not-found') }}</span></p>
+	</figcaption>
 </figure>
 </template>
 
@@ -16,7 +16,7 @@ export default Vue.extend({
 	i18n: i18n('common/views/pages/404.vue'),
 	data() {
 		return {
-			src: '/assets/error.jpg'
+			src: ''
 		}
 	},
 	created() {
@@ -29,7 +29,7 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-figure
+.megtcxgu
 	align-items center
 	bottom 0
 	display flex
@@ -40,7 +40,10 @@ figure
 	right 0
 	top 0
 
-	figcaption
+	> img
+		width 500px
+
+	> figcaption
 		margin 8px
 
 		h1,
@@ -53,10 +56,10 @@ figure
 				position relative
 				width 100%
 
-@media (max-width: 767px)
-	figure
+	@media (max-width: 767px)
 		flex-flow column
 
-	figcaption
-		text-align center
+		> figcaption
+			text-align center
+
 </style>
-- 
cgit v1.2.3-freya