diff --git a/src/views/common/account-list.vue b/src/views/common/account-list.vue index 8ed47a8..628fad2 100644 --- a/src/views/common/account-list.vue +++ b/src/views/common/account-list.vue @@ -797,38 +797,38 @@ display: flex; flex-direction: column; gap: 8px; + width: 100%; .role-item { + display: block; + width: 100%; padding: 10px 12px; border: 1px solid var(--el-border-color-lighter); border-radius: 4px; transition: all 0.2s; + box-sizing: border-box; &:hover { background: var(--el-fill-color-light); border-color: var(--el-border-color); } - :deep(.el-checkbox) { + .role-info { + display: flex; + flex: 1; + gap: 8px; + align-items: center; + } + + :deep(.el-checkbox), + :deep(.el-radio) { + display: flex; width: 100%; - .el-checkbox__label { + .el-checkbox__label, + .el-radio__label { display: flex; width: 100%; - - .role-info { - display: flex; - flex: 1; - gap: 8px; - align-items: center; - justify-content: space-between; - width: 100%; - - > span:first-child { - flex: 1; - min-width: 0; - } - } } } } @@ -840,19 +840,7 @@ justify-content: space-between; .role-info { - display: flex; flex: 1; - gap: 8px; - align-items: center; - justify-content: space-between; - - > span:first-child { - flex: 1; - min-width: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } } .el-button {