Selaa lähdekoodia

【优化】AI Chat 复制按钮和删除按钮间距

cherishsince 1 vuosi sitten
vanhempi
commit
8ca3d26cbb
1 muutettua tiedostoa jossa 9 lisäystä ja 4 poistoa
  1. 9 4
      src/views/ai/chat/Message.vue

+ 9 - 4
src/views/ai/chat/Message.vue

@@ -21,7 +21,7 @@
               <img class="btn-image" src="@/assets/ai/copy.svg"/>
             </el-button>
             <el-button class="btn-cus" link @click="onDelete(item.id)">
-              <img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px"/>
+              <img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px; "/>
             </el-button>
           </div>
         </div>
@@ -45,7 +45,7 @@
               <img class="btn-image" src="@/assets/ai/copy.svg"/>
             </el-button>
             <el-button class="btn-cus" link @click="onDelete(item.id)">
-              <img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px"/>
+              <img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px;margin-right: 12px;"/>
             </el-button>
           </div>
         </div>
@@ -228,12 +228,17 @@ onMounted(async () => {
       }
     }
 
-    .left-btns,
-    .right-btns {
+    .left-btns {
       display: flex;
       flex-direction: row;
       margin-top: 8px;
     }
+
+    .right-btns {
+      display: flex;
+      flex-direction: row-reverse;
+      margin-top: 8px;
+    }
   }
 
   // 复制、删除按钮