modify

src/views/account-management/account/index.vue

@@ -888,8 +888,8 @@
 
   .dialog-header {
     display: flex;
-    justify-content: space-between;
     align-items: center;
+    justify-content: space-between;
     width: 100%;
 
     .dialog-title {
@@ -899,8 +899,8 @@
 
     .account-info {
       display: flex;
-      align-items: center;
       gap: 8px;
+      align-items: center;
 
       .account-name {
         font-size: 14px;
@@ -911,25 +911,25 @@
 
   .role-transfer-container {
     display: flex;
-    justify-content: space-between;
-    align-items: stretch;
     gap: 20px;
-    padding: 20px 0;
+    align-items: stretch;
+    justify-content: space-between;
     min-height: 500px;
+    padding: 20px 0;
 
     .transfer-panel {
-      flex: 1;
       display: flex;
+      flex: 1;
       flex-direction: column;
+      max-width: 380px;
+      overflow: hidden;
       border: 1px solid var(--el-border-color);
       border-radius: 4px;
-      overflow: hidden;
-      max-width: 380px;
 
       .panel-header {
         display: flex;
-        justify-content: space-between;
         align-items: center;
+        justify-content: space-between;
         padding: 12px 16px;
         background: var(--el-fill-color-light);
         border-bottom: 1px solid var(--el-border-color);
@@ -943,8 +943,8 @@
 
       .panel-body {
         flex: 1;
-        overflow-y: auto;
         padding: 12px;
+        overflow-y: auto;
 
         .role-list {
           display: flex;
@@ -964,9 +964,9 @@
 
             .role-info {
               display: flex;
-              align-items: center;
-              gap: 8px;
               flex: 1;
+              gap: 8px;
+              align-items: center;
             }
 
             :deep(.el-checkbox) {
@@ -980,9 +980,9 @@
 
           .assigned-role-item {
             display: flex;
-            justify-content: space-between;
-            align-items: center;
             gap: 12px;
+            align-items: center;
+            justify-content: space-between;
 
             .role-info {
               flex: 1;
@@ -999,9 +999,9 @@
     .transfer-buttons {
       display: flex;
       flex-direction: column;
-      justify-content: center;
-      align-items: center;
       gap: 12px;
+      align-items: center;
+      justify-content: center;
       padding: 0 10px;
 
       .el-button {