From 3e6c3a6c46736b730d15a8004b115271636dfb1d Mon Sep 17 00:00:00 2001
From: colin <colin.in@foxmail.com>
Date: Wed, 26 Aug 2026 16:56:49 +0800
Subject: [PATCH] feat: Adjust the permission list style

---
 .../groups/PermissionGroupDefinitionTable.vue | 80 +++++++++----------
 1 file changed, 36 insertions(+), 44 deletions(-)

diff --git a/apps/vben5/packages/@abp/permissions/src/components/definitions/groups/PermissionGroupDefinitionTable.vue b/apps/vben5/packages/@abp/permissions/src/components/definitions/groups/PermissionGroupDefinitionTable.vue
index ee32a0b93..b3d186c41 100644
--- a/apps/vben5/packages/@abp/permissions/src/components/definitions/groups/PermissionGroupDefinitionTable.vue
+++ b/apps/vben5/packages/@abp/permissions/src/components/definitions/groups/PermissionGroupDefinitionTable.vue
@@ -223,50 +223,42 @@ onMounted(onGet);
     </template>
     <template #action="{ row }">
       <div class="flex flex-row">
-        <div class="basis-1/3">
-          <Button
-            :icon="h(EditOutlined)"
-            block
-            type="link"
-            v-access:code="[GroupDefinitionsPermissions.Update]"
-            @click="onUpdate(row)"
-          >
-            {{ $t('AbpUi.Edit') }}
-          </Button>
-        </div>
-        <div class="basis-1/3">
-          <Button
-            :icon="h(DeleteOutlined)"
-            block
-            danger
-            type="link"
-            v-if="hasAccessByCodes([GroupDefinitionsPermissions.Delete])"
-            :disabled="row.isStatic"
-            @click="onDelete(row)"
-          >
-            {{ $t('AbpUi.Delete') }}
-          </Button>
-        </div>
-        <div class="basis-1/3">
-          <Dropdown>
-            <template #overlay>
-              <Menu @click="(info) => onMenuClick(row, info)">
-                <MenuItem
-                  v-if="
-                    hasAccessByCodes([PermissionDefinitionsPermissions.Create])
-                  "
-                  key="permissions"
-                  :icon="h(PlusOutlined)"
-                >
-                  {{
-                    $t('AbpPermissionManagement.PermissionDefinitions:AddNew')
-                  }}
-                </MenuItem>
-              </Menu>
-            </template>
-            <Button :icon="h(EllipsisOutlined)" type="link" />
-          </Dropdown>
-        </div>
+        <Button
+          :icon="h(EditOutlined)"
+          block
+          type="link"
+          v-access:code="[GroupDefinitionsPermissions.Update]"
+          @click="onUpdate(row)"
+        >
+          {{ $t('AbpUi.Edit') }}
+        </Button>
+        <Button
+          :icon="h(DeleteOutlined)"
+          block
+          danger
+          type="link"
+          v-access:code="[GroupDefinitionsPermissions.Delete]"
+          :disabled="row.isStatic"
+          @click="onDelete(row)"
+        >
+          {{ $t('AbpUi.Delete') }}
+        </Button>
+        <Dropdown>
+          <template #overlay>
+            <Menu @click="(info) => onMenuClick(row, info)">
+              <MenuItem
+                v-if="
+                  hasAccessByCodes([PermissionDefinitionsPermissions.Create])
+                "
+                key="permissions"
+                :icon="h(PlusOutlined)"
+              >
+                {{ $t('AbpPermissionManagement.PermissionDefinitions:AddNew') }}
+              </MenuItem>
+            </Menu>
+          </template>
+          <Button :icon="h(EllipsisOutlined)" type="link" />
+        </Dropdown>
       </div>
     </template>
   </Grid>