style: 统一页面按钮样式与尺寸

2026-08-01 19:06:41 +08:00
parent a87fdba4cc
commit 297320446c
8 changed files with 40 additions and 44 deletions
@@ -35,6 +35,27 @@ a:hover {
  box-shadow: var(--shadow-soft);
 }

+/* 按钮操作区统一规范：窄屏下操作按钮纵向全宽 */
+.action-row .el-button,
+.edit-actions .el-button,
+.fragment-edit-actions .el-button {
+  margin: 0;
+}
+
+@media (max-width: 768px) {
+  .action-row,
+  .edit-actions,
+  .fragment-edit-actions {
+    flex-direction: column;
+  }
+
+  .action-row .el-button,
+  .edit-actions .el-button,
+  .fragment-edit-actions .el-button {
+    width: 100%;
+  }
+}
+
 .fade-up-enter-active,
 .fade-up-leave-active {
  transition: opacity 0.22s ease, transform 0.22s ease;