style: 调整新增字典按钮位置

continew-org · Oct 15, 2024 · 47a5c44 · 47a5c44
1 parent 51aceac
commit 47a5c44
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/views/system/dict/tree/index.vue b/src/views/system/dict/tree/index.vue
@@ -4,6 +4,9 @@
       <a-input v-model="inputValue" :placeholder="props.placeholder" allow-clear>
         <template #prefix><icon-search /></template>
       </a-input>
+      <a-button v-permission="['system:dict:add']" type="primary" @click="onAdd">
+        <template #icon><icon-plus /></template>
+      </a-button>
     </div>
     <div class="dict-tree__container">
       <div class="dict-tree__tree">
@@ -25,12 +28,6 @@
         </a-tree>
       </div>
     </div>
-    <div>
-      <a-button v-permission="['system:dict:add']" type="primary" style="width: 100%" @click="onAdd">
-        <template #icon><icon-plus /></template>
-        <template #default>新增</template>
-      </a-button>
-    </div>
   </div>
 
   <DictAddModal ref="DictAddModalRef" @save-success="getTreeData" />
@@ -186,7 +183,13 @@ onMounted(() => {
   height: 100%;
 
   &__search {
-    margin-bottom: 10px;
+    display: flex;
+    justify-content: start;
+    margin-bottom: 8px;
+    .arco-btn {
+      margin-left: 8px;
+      padding: 0 15px;
+    }
   }
 
   &__container {