From 7f7eccdd077f7aed1911a725906e6d727b291d96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Mon, 28 Nov 2022 15:39:45 +0800
Subject: [PATCH] ui(tiptap): wider focus for content editor

closes #165
---
 components/publish/PublishWidget.vue | 1 +
 styles/global.css                    | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index af1bf759..c4e32124 100644
--- a/components/publish/PublishWidget.vue
+++ b/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>
diff --git a/styles/global.css b/styles/global.css
index 0d7a5dc3..81590eb9 100644
--- a/styles/global.css
+++ b/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;