From 86eb487a38115c9d29913c01cef42f474b28a632 Mon Sep 17 00:00:00 2001 From: syuilo Date: Sat, 6 Feb 2021 18:06:54 +0900 Subject: [PATCH] Improve theme editor --- locales/ja-JP.yml | 2 + src/client/pages/preview.vue | 32 +++++++ src/client/pages/theme-editor.vue | 138 ++++++++++++++++-------------- src/client/router.ts | 1 + 4 files changed, 111 insertions(+), 62 deletions(-) create mode 100644 src/client/pages/preview.vue diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml index 992f6c842d..d816d76f34 100644 --- a/locales/ja-JP.yml +++ b/locales/ja-JP.yml @@ -699,6 +699,8 @@ newVersionOfClientAvailable: "新しいバージョンのクライアントが usageAmount: "使用量" capacity: "容量" inUse: "使用中" +editCode: "コードを編集" +apply: "適用" _registry: scope: "スコープ" diff --git a/src/client/pages/preview.vue b/src/client/pages/preview.vue new file mode 100644 index 0000000000..912f891d8a --- /dev/null +++ b/src/client/pages/preview.vue @@ -0,0 +1,32 @@ + + + + + diff --git a/src/client/pages/theme-editor.vue b/src/client/pages/theme-editor.vue index 02e2e39c79..d2cd81d867 100644 --- a/src/client/pages/theme-editor.vue +++ b/src/client/pages/theme-editor.vue @@ -4,12 +4,12 @@
{{ $ts.backgroundColor }}
-
-
@@ -19,7 +19,7 @@
{{ $ts.accentColor }}
-
@@ -29,32 +29,38 @@
{{ $ts.textColor }}
-
-
-
{{ $ts.preview }}
-
- -
-
- {{ $ts.saveAs }} + + + {{ $ts._theme.code }} + + {{ $ts.apply }} + + {{ $ts.editCode }} + + {{ $ts.preview }} + {{ $ts.saveAs }} +