diff --git a/src/client/pages/page-editor/els/page-editor.el.if.vue b/src/client/pages/page-editor/els/page-editor.el.if.vue index 0c40e41d8a36b2ec47bc8b30ab6891227d91b69e..1c6a33e1b311bd5714c03d30414b3ac848b30f4d 100644 --- a/src/client/pages/page-editor/els/page-editor.el.if.vue +++ b/src/client/pages/page-editor/els/page-editor.el.if.vue @@ -2,7 +2,7 @@ <x-container @remove="() => $emit('remove')" :draggable="true"> <template #header><fa :icon="faQuestion"/> {{ $t('_pages.blocks.if') }}</template> <template #func> - <button @click="add()"> + <button @click="add()" class="_button"> <fa :icon="faPlus"/> </button> </template> diff --git a/src/client/pages/page-editor/els/page-editor.el.section.vue b/src/client/pages/page-editor/els/page-editor.el.section.vue index 97f063a28726fc77619f550dc6057e905892bedb..c1d5497f4c0d9855a1ee017060d77198923e174e 100644 --- a/src/client/pages/page-editor/els/page-editor.el.section.vue +++ b/src/client/pages/page-editor/els/page-editor.el.section.vue @@ -2,10 +2,10 @@ <x-container @remove="() => $emit('remove')" :draggable="true"> <template #header><fa :icon="faStickyNote"/> {{ value.title }}</template> <template #func> - <button @click="rename()"> + <button @click="rename()" class="_button"> <fa :icon="faPencilAlt"/> </button> - <button @click="add()"> + <button @click="add()" class="_button"> <fa :icon="faPlus"/> </button> </template> diff --git a/src/client/pages/page-editor/page-editor.container.vue b/src/client/pages/page-editor/page-editor.container.vue index 5a4f096c7f57ccd0ed569ec0092fa72dc1efd5ba..5bc97446710d4796042485763fbf2b2346597ce4 100644 --- a/src/client/pages/page-editor/page-editor.container.vue +++ b/src/client/pages/page-editor/page-editor.container.vue @@ -18,7 +18,7 @@ </header> <p v-show="showBody" class="error" v-if="error != null">{{ $t('_pages.script.typeError', { slot: error.arg + 1, expect: $t(`script.types.${error.expect}`), actual: $t(`script.types.${error.actual}`) }) }}</p> <p v-show="showBody" class="warn" v-if="warn != null">{{ $t('_pages.script.thereIsEmptySlot', { slot: warn.slot + 1 }) }}</p> - <div v-show="showBody"> + <div v-show="showBody" class="body"> <slot></slot> </div> </div> @@ -148,5 +148,17 @@ export default Vue.extend({ padding: 16px 16px 0 16px; font-size: 14px; } + + > .body { + ::v-deep .juejbjww, ::v-deep .eiipwacr { + &:not(.inline):first-child { + margin-top: 28px; + } + + &:not(.inline):last-child { + margin-bottom: 20px; + } + } + } } </style>