diff options
Diffstat (limited to 'src/client/pages/scratchpad.vue')
| -rw-r--r-- | src/client/pages/scratchpad.vue | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/src/client/pages/scratchpad.vue b/src/client/pages/scratchpad.vue index d55910e9d5..e070f477be 100644 --- a/src/client/pages/scratchpad.vue +++ b/src/client/pages/scratchpad.vue @@ -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; } } |