デッキ周り改修など

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;
 	}
 }