chore(client): 🎨

This commit is contained in:
syuilo 2020-04-16 23:13:33 +09:00
parent f90dc55308
commit a132a2cf71
3 changed files with 16 additions and 4 deletions

View file

@ -2,7 +2,7 @@
<x-container @remove="() => $emit('remove')" :draggable="true"> <x-container @remove="() => $emit('remove')" :draggable="true">
<template #header><fa :icon="faQuestion"/> {{ $t('_pages.blocks.if') }}</template> <template #header><fa :icon="faQuestion"/> {{ $t('_pages.blocks.if') }}</template>
<template #func> <template #func>
<button @click="add()"> <button @click="add()" class="_button">
<fa :icon="faPlus"/> <fa :icon="faPlus"/>
</button> </button>
</template> </template>

View file

@ -2,10 +2,10 @@
<x-container @remove="() => $emit('remove')" :draggable="true"> <x-container @remove="() => $emit('remove')" :draggable="true">
<template #header><fa :icon="faStickyNote"/> {{ value.title }}</template> <template #header><fa :icon="faStickyNote"/> {{ value.title }}</template>
<template #func> <template #func>
<button @click="rename()"> <button @click="rename()" class="_button">
<fa :icon="faPencilAlt"/> <fa :icon="faPencilAlt"/>
</button> </button>
<button @click="add()"> <button @click="add()" class="_button">
<fa :icon="faPlus"/> <fa :icon="faPlus"/>
</button> </button>
</template> </template>

View file

@ -18,7 +18,7 @@
</header> </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="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> <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> <slot></slot>
</div> </div>
</div> </div>
@ -148,5 +148,17 @@ export default Vue.extend({
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
font-size: 14px; 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> </style>