From 6890d9e04ee508e2cd7c23f2d78584496f7166bf Mon Sep 17 00:00:00 2001
From: NGPixel <github@ngpixel.com>
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 {