refactor: style of header

doocs · Jul 28, 2024 · dae1484 · dae1484
1 parent f2fadb8
commit dae1484
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/src/components/CodemirrorEditor/EditorHeader/index.vue b/src/components/CodemirrorEditor/EditorHeader/index.vue
@@ -321,8 +321,8 @@ export default {
 </script>
 
 <template>
-  <el-container class="header-container is-dark">
-    <div class="dropdowns flex">
+  <el-container class="is-dark header-container">
+    <el-space class="dropdowns flex-auto" size="large">
       <el-dropdown>
         <span class="el-dropdown-link">
           文件<el-icon class="ml-2"><ElIconArrowDown /></el-icon>
@@ -508,7 +508,7 @@ export default {
     <el-button plain :type="btnType" @click="copy">
       复制
     </el-button>
-    <el-button plain size="default" :type="btnType" @click="prePost">
+    <el-button plain :type="btnType" @click="prePost">
       发布
     </el-button>
 
@@ -531,14 +531,6 @@ export default {
   align-items: center;
 }
 
-.dropdowns {
-  flex: 1;
-}
-
-.el-dropdown {
-  margin: 0 10px;
-}
-
 .el-dropdown-link {
   display: flex;
   align-items: center;