diff options
Diffstat (limited to 'src/client/pages/scratchpad.vue')
| -rw-r--r-- | src/client/pages/scratchpad.vue | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/client/pages/scratchpad.vue b/src/client/pages/scratchpad.vue index febc9c5016..3664765d02 100644 --- a/src/client/pages/scratchpad.vue +++ b/src/client/pages/scratchpad.vue @@ -1,18 +1,18 @@ <template> <div class="iltifgqe"> - <div class="editor _panel _vMargin"> + <div class="editor _panel _gap"> <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" class="_vMargin"> + <MkContainer :body-togglable="true" class="_gap"> <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> - <div class="_vMargin"> + <div class="_gap"> {{ $ts.scratchpadDescription }} </div> </div> @@ -33,6 +33,7 @@ import MkContainer from '@client/components/ui/container.vue'; import MkButton from '@client/components/ui/button.vue'; import { createAiScriptEnv } from '@client/scripts/aiscript/api'; import * as os from '@client/os'; +import * as symbols from '@client/symbols'; export default defineComponent({ components: { @@ -43,7 +44,7 @@ export default defineComponent({ data() { return { - INFO: { + [symbols.PAGE_INFO]: { title: this.$ts.scratchpad, icon: faTerminal, }, |