refactor: replace simple px utility styles

2026-03-14 18:43:00 +08:00
parent 8fd6bf47b1
commit 9d6fbfd0d6
7 changed files with 12 additions and 14 deletions
--- a/playground/src/views/system/role/modules/form.vue
+++ b/playground/src/views/system/role/modules/form.vue
@@ -126,17 +126,13 @@ function getNodeClass(node: Recordable<any>) {
 <style lang="css" scoped>
 :deep(.ant-tree-title) {
  .tree-actions {
-    display: none;
-    margin-left: 20px;
+    @apply ml-5 hidden;
  }
 }

 :deep(.ant-tree-title:hover) {
  .tree-actions {
-    display: flex;
-    flex: auto;
-    justify-content: flex-end;
-    margin-left: 20px;
+    @apply ml-5 flex flex-auto justify-end;
  }
 }
 </style>