summaryrefslogtreecommitdiff
path: root/packages/frontend/src/pages/theme-editor.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/pages/theme-editor.vue')
-rw-r--r--packages/frontend/src/pages/theme-editor.vue20
1 files changed, 10 insertions, 10 deletions
diff --git a/packages/frontend/src/pages/theme-editor.vue b/packages/frontend/src/pages/theme-editor.vue
index d8ff170ca2..4b058a5366 100644
--- a/packages/frontend/src/pages/theme-editor.vue
+++ b/packages/frontend/src/pages/theme-editor.vue
@@ -2,8 +2,8 @@
<MkStickyContainer>
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="800" :margin-min="16" :margin-max="32">
- <div class="cwepdizn _formRoot">
- <FormFolder :default-open="true" class="_formBlock">
+ <div class="cwepdizn _autoGap">
+ <FormFolder :default-open="true">
<template #label>{{ i18n.ts.backgroundColor }}</template>
<div class="cwepdizn-colors">
<div class="row">
@@ -19,7 +19,7 @@
</div>
</FormFolder>
- <FormFolder :default-open="true" class="_formBlock">
+ <FormFolder :default-open="true">
<template #label>{{ i18n.ts.accentColor }}</template>
<div class="cwepdizn-colors">
<div class="row">
@@ -30,7 +30,7 @@
</div>
</FormFolder>
- <FormFolder :default-open="true" class="_formBlock">
+ <FormFolder :default-open="true">
<template #label>{{ i18n.ts.textColor }}</template>
<div class="cwepdizn-colors">
<div class="row">
@@ -41,22 +41,22 @@
</div>
</FormFolder>
- <FormFolder :default-open="false" class="_formBlock">
+ <FormFolder :default-open="false">
<template #icon><i class="ti ti-code"></i></template>
<template #label>{{ i18n.ts.editCode }}</template>
- <div class="_formRoot">
- <FormTextarea v-model="themeCode" tall class="_formBlock">
+ <div class="_autoGap">
+ <FormTextarea v-model="themeCode" tall>
<template #label>{{ i18n.ts._theme.code }}</template>
</FormTextarea>
- <FormButton primary class="_formBlock" @click="applyThemeCode">{{ i18n.ts.apply }}</FormButton>
+ <FormButton primary @click="applyThemeCode">{{ i18n.ts.apply }}</FormButton>
</div>
</FormFolder>
- <FormFolder :default-open="false" class="_formBlock">
+ <FormFolder :default-open="false">
<template #label>{{ i18n.ts.addDescription }}</template>
- <div class="_formRoot">
+ <div class="_autoGap">
<FormTextarea v-model="description">
<template #label>{{ i18n.ts._theme.description }}</template>
</FormTextarea>