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

- .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; 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 { .group-profile > label > span {
min-width: 6rem; min-width: 6rem;
} }
@@ -10365,12 +10369,6 @@ div.toast.show {
height: 3.5rem; height: 3.5rem;
} }
.group-profile > p {
padding: 0.7rem 1rem;
color: #8c939c;
font-size: 0.76rem;
}
.group-edit-text { .group-edit-text {
width: min(100%, 42rem); width: min(100%, 42rem);
margin: 0 auto; margin: 0 auto;
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -544,7 +544,7 @@ function GroupProfile({topic, myUserId, onToast}) {
</button> : </button> :
<div><span>群简介</span><small>{group.description || '群主很懒,还没有群简介'}</small></div>} <div><span>群简介</span><small>{group.description || '群主很懒,还没有群简介'}</small></div>}
<button type="button" onClick={() => navigate('group-qr', topic)}><span>群二维码</span><Icon>qr_code</Icon><Icon>chevron_right</Icon></button> <button type="button" onClick={() => navigate('group-qr', topic)}><span>群二维码</span><Icon>qr_code</Icon><Icon>chevron_right</Icon></button>
<p>{group.member_count} 位成员</p> <button type="button" onClick={() => navigate('group-members', topic)}><span>群成员</span><small>共{group.member_count}位成员</small><Icon>chevron_right</Icon></button>
</main> </main>
</div>; </div>;
} }
+10 -2
View File
@@ -11730,8 +11730,16 @@ function GroupProfile({
}, void 0, false), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)(Icon, { }, void 0, false), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)(Icon, {
children: "chevron_right" children: "chevron_right"
}, void 0, false)] }, void 0, false)]
}, void 0, true), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("p", { }, void 0, true), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("button", {
children: [group.member_count, " 位成员"] type: "button",
onClick: () => navigate('group-members', topic),
children: [(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("span", {
children: "群成员"
}, void 0, false), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("small", {
children: ["共", group.member_count, "位成员"]
}, void 0, true), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)(Icon, {
children: "chevron_right"
}, void 0, false)]
}, void 0, true)] }, void 0, true)]
}, void 0, true)] }, void 0, true)]
}, void 0, true); }, void 0, true);
+1 -1
View File
File diff suppressed because one or more lines are too long