ui(tiptap): wider focus for content editor

closes #165

components/publish/PublishWidget.vue

@@ -181,6 +181,7 @@ onUnmounted(() => {
         <div relative>
           <EditorContent
             :editor="editor"
+            flex
             :class="isExpanded ? 'min-h-120px max-h-720px of-y-auto' : ''"
           />
           <div v-if="isExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>

styles/global.css

@@ -78,7 +78,7 @@ html {
 }
 
 .content-editor {
-  --at-apply: outline-none;
+  --at-apply: 'outline-none flex-1';
 
   pre {
     --at-apply: font-mono bg-code rounded px3 py2;