Ability to set header image for a Page (#6210)

* Ability to set header image for a Page

 - Add header image to Page
 - Show it on Page view
 - Show correctly it on Page list view
 - On the Page list view, pages have a light border
   to make it easier to see an image belongs to a page

* Maybe it looks better

* Use <img> instead if <x-image>

* src -> :src; set width

* Update page.vue

Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
This commit is contained in:
Balazs Nadasdi 2020-04-05 10:55:51 +02:00 committed by GitHub
parent 1b9f8a87d3
commit 10d72742f5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 7 deletions

View file

@ -102,6 +102,7 @@ import { blockDefs } from '../../scripts/aiscript/index';
import { ASTypeChecker } from '../../scripts/aiscript/type-checker';
import { url } from '../../config';
import { collectPageVars } from '../../scripts/collect-page-vars';
import { selectDriveFile } from '../../scripts/select-drive-file';
export default Vue.extend({
i18n,
@ -405,9 +406,7 @@ export default Vue.extend({
},
setEyeCatchingImage() {
this.$chooseDriveFile({
multiple: false
}).then(file => {
selectDriveFile(this.$root, false).then(file => {
this.eyeCatchingImageId = file.id;
});
},