styles: 修改样式

src/components/common/WangEditor/index.vue

 <template>
-  <div style="border: 1px solid #ccc" class="h-full">
+  <div style="border: 1px solid #ccc"  class="w-100%" >
     <Toolbar
       style="border-bottom: 1px solid #ccc"
       :editor="editorRef"
@@ -7,7 +7,7 @@
       :mode="mode"
     />
     <Editor
-      style="height: 500px; overflow-y: hidden"
+      style="height: 70vh; overflow-y: hidden"
       v-model="valueHtml"
       :defaultConfig="editorConfig"
       :mode="mode"

src/views/publishLongArticle/index.vue

@@ -37,7 +37,7 @@
             </template>
             <template v-else>
               <!-- 回显回来可能会有bug 所以需要key 重新渲染一下-->
-              <WangEditor :key v-model="form.content" class="min-h[90vh]" />
+              <WangEditor :key v-model="form.content"/>
             </template>
           </el-form-item>
         </div>
@@ -46,7 +46,7 @@
 
     <!-- 底部固定按钮栏 -->
     <div class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 shadow-lg">
-      <div class="max-w-[1200px] mx-auto px-4 py-4">
+      <div class="max-w-[1200px] mx-auto px-4 py-3">
         <div class="flex justify-center gap-4">
           <el-button @click="handleClosed" class="rounded-lg min-w[120px]"> 取消 </el-button>
           <el-button