デッキ周り改修など

This commit is contained in:
syuilo 2020-12-28 11:56:42 +09:00
parent ea6aa40b09
commit 1da3777bfb
10 changed files with 56 additions and 87 deletions

View file

@ -1,20 +1,20 @@
<template>
<div class="">
<div class="_panel iltifgqe">
<div class="iltifgqe">
<div class="editor _panel _vMargin">
<PrismEditor class="_code code" v-model="code" :highlight="highlighter" :line-numbers="false"/>
<MkButton style="position: absolute; top: 8px; right: 8px;" @click="run()" primary><Fa :icon="faPlay"/></MkButton>
</div>
<MkContainer :body-togglable="true">
<MkContainer :body-togglable="true" class="_vMargin">
<template #header><Fa fixed-width/>{{ $ts.output }}</template>
<div class="bepmlvbi">
<div v-for="log in logs" class="log" :key="log.id" :class="{ print: log.print }">{{ log.text }}</div>
</div>
</MkContainer>
<section class="_section" style="margin-top: var(--margin);">
<div class="_content">{{ $ts.scratchpadDescription }}</div>
</section>
<div class="_vMargin">
{{ $ts.scratchpadDescription }}
</div>
</div>
</template>
@ -130,9 +130,10 @@ export default defineComponent({
<style lang="scss" scoped>
.iltifgqe {
position: relative;
padding: 16px;
> .code {
> .editor {
position: relative;
}
}