diff --git a/src/client/components/page-preview.vue b/src/client/components/page-preview.vue index 5ba226c48..8c41a070b 100644 --- a/src/client/components/page-preview.vue +++ b/src/client/components/page-preview.vue @@ -35,6 +35,7 @@ export default Vue.extend({ border: solid var(--lineWidth) var(--urlPreviewBorder); border-radius: 4px; overflow: hidden; + border: 1px solid var(--divider); &:hover { text-decoration: none; @@ -42,9 +43,8 @@ export default Vue.extend({ } > .thumbnail { - position: absolute; - width: 100px; - height: 100%; + width: 100%; + height: 200px; background-position: center; background-size: cover; display: flex; diff --git a/src/client/pages/page-editor/page-editor.vue b/src/client/pages/page-editor/page-editor.vue index 6144b0bd9..04117b501 100644 --- a/src/client/pages/page-editor/page-editor.vue +++ b/src/client/pages/page-editor/page-editor.vue @@ -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; }); }, diff --git a/src/client/pages/page.vue b/src/client/pages/page.vue index d55596ae7..0f7108a5d 100644 --- a/src/client/pages/page.vue +++ b/src/client/pages/page.vue @@ -5,6 +5,7 @@
{{ page.title }}
+
@@ -115,6 +116,8 @@ export default Vue.extend({