chore(client): 🎨

This commit is contained in:
syuilo 2020-04-14 00:13:49 +09:00
parent 066b8e6f73
commit d9ecb62a65

View file

@ -5,7 +5,9 @@
<div class="_card" v-if="page" :key="page.id"> <div class="_card" v-if="page" :key="page.id">
<div class="_title">{{ page.title }}</div> <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"> <div class="_content">
<x-page :page="page"/> <x-page :page="page"/>
</div> </div>
@ -116,8 +118,13 @@ export default Vue.extend({
<style lang="scss" scoped> <style lang="scss" scoped>
.xcukqgmh { .xcukqgmh {
> ._card > .header { > ._card > .banner {
max-width: 100%; > img {
display: block;
width: 100%;
height: 120px;
object-fit: cover;
}
} }
} }
</style> </style>