diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-04-14 00:13:49 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-04-14 00:13:49 +0900 |
| commit | cda1803e59bbae827cb7caf8bfa8d2e3f2a1c50e (patch) | |
| tree | 09f27b0b00bcef1a8034e495a1096dd161e0c6df | |
| parent | 投稿のURLプレビューポップアップを改良 (#6226) (diff) | |
| download | sharkey-cda1803e59bbae827cb7caf8bfa8d2e3f2a1c50e.tar.gz sharkey-cda1803e59bbae827cb7caf8bfa8d2e3f2a1c50e.tar.bz2 sharkey-cda1803e59bbae827cb7caf8bfa8d2e3f2a1c50e.zip | |
chore(client): :art:
| -rw-r--r-- | src/client/pages/page.vue | 13 |
1 files 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> |