修复群资料页头像被拉伸变形,成员数改为跟列表一致的可点击行

- .group-profile > button > span 漏排除 .group-avatar,把只该用于文字标签列对齐的
  min-width:6rem 也套到了头像 span 上,头像被横向拉伸成80px宽的长方形而不是正方形
- 底部"N位成员"原来是一个孤立的灰底纯文本 <p>,样式和上面的列表格格不入;改成与其它
  行一致的可点击行,点击跳转真实的群成员列表页(复用群聊设置页已验证过的同一个跳转)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-09-05 13:16:55 +08:00
co-authored by Claude Sonnet 5
parent dfb7ab53a5
commit bd1d6ff0b0
5 changed files with 18 additions and 12 deletions
+5 -7
View File
@@ -10335,7 +10335,11 @@ div.toast.show {
gap: 0.7rem;
}
.group-profile > button > span,
/* :not(.group-avatar) exclusion needed for the same reason as .group-settings-header's own
(see its comment): this selector is scoped only by tag+ancestor, so without it also matches
.group-profile-avatar's leading Avatar span and forces it to the label column's 6rem min-width
-- stretching what should be a small square avatar into an 80px-wide rectangle. */
.group-profile > button > span:not(.group-avatar),
.group-profile > label > span {
min-width: 6rem;
}
@@ -10365,12 +10369,6 @@ div.toast.show {
height: 3.5rem;
}
.group-profile > p {
padding: 0.7rem 1rem;
color: #8c939c;
font-size: 0.76rem;
}
.group-edit-text {
width: min(100%, 42rem);
margin: 0 auto;