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 0f7108a5d6..a821b6b651 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>
--
GitLab