From cda1803e59bbae827cb7caf8bfa8d2e3f2a1c50e Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 14 Apr 2020 00:13:49 +0900
Subject: [PATCH] chore(client): :art:

---
 src/client/pages/page.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/client/pages/page.vue b/src/client/pages/page.vue
index 0f7108a5d..a821b6b65 100644
--- a/src/client/pages/page.vue
+++ b/src/client/pages/page.vue
@@ -5,7 +5,9 @@
 
 	<div class="_card" v-if="page" :key="page.id">
 		<div class="_title">{{ page.title }}</div>
-		<img class="header" :src="page.eyeCatchingImage.url" v-if="page.eyeCatchingImageId" />
+		<div class="banner">
+			<img :src="page.eyeCatchingImage.url" v-if="page.eyeCatchingImageId"/>
+		</div>
 		<div class="_content">
 			<x-page :page="page"/>
 		</div>
@@ -116,8 +118,13 @@ export default Vue.extend({
 
 <style lang="scss" scoped>
 .xcukqgmh {
-	> ._card > .header {
-		max-width: 100%;
+	> ._card > .banner {
+		> img {
+			display: block;
+			width: 100%;
+			height: 120px;
+			object-fit: cover;
+		}
 	}
 }
 </style>