From 6890d9e04ee508e2cd7c23f2d78584496f7166bf Mon Sep 17 00:00:00 2001 From: NGPixel Date: Sun, 1 Mar 2020 20:20:37 -0500 Subject: [PATCH] feat: edit title from header in editors --- client/components/editor.vue | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/client/components/editor.vue b/client/components/editor.vue index 3e9497e3..5e5bc562 100644 --- a/client/components/editor.vue +++ b/client/components/editor.vue @@ -2,9 +2,16 @@ v-app.editor(:dark='darkMode') nav-header(dense) template(slot='mid') - v-spacer - .subtitle-1.grey--text {{currentPageTitle}} - v-spacer + v-text-field.editor-title-input( + dark + solo + flat + v-model='currentPageTitle' + hide-details + background-color='black' + dense + full-width + ) template(slot='actions') v-btn.animated.fadeInDown( text @@ -133,7 +140,7 @@ export default { activeModal: sync('editor/activeModal'), mode: get('editor/mode'), welcomeMode() { return this.mode === `create` && this.path === `home` }, - currentPageTitle: get('page/title'), + currentPageTitle: sync('page/title'), isDirty () { return _.some([ this.initContentParsed !== this.$store.get('editor/content'), @@ -328,6 +335,10 @@ export default { .application--wrap { background-color: mc('grey', '900'); } + + &-title-input input { + text-align: center; + } } .atom-spinner.is-inline {