diff --git a/src/client/pages/page.vue b/src/client/pages/page.vue index 0f7108a5d6856ca5447419eed9d42661562bb22b..a821b6b6511896de87dc9dd25fc155693929c687 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>