修复群资料页头像被拉伸变形,成员数改为跟列表一致的可点击行
- .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:
co-authored by
Claude Sonnet 5
parent
dfb7ab53a5
commit
bd1d6ff0b0
+5
-7
@@ -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;
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -544,7 +544,7 @@ function GroupProfile({topic, myUserId, onToast}) {
|
||||
</button> :
|
||||
<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>
|
||||
<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>
|
||||
</div>;
|
||||
}
|
||||
|
||||
+10
-2
@@ -11730,8 +11730,16 @@ function GroupProfile({
|
||||
}, void 0, false), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)(Icon, {
|
||||
children: "chevron_right"
|
||||
}, void 0, false)]
|
||||
}, void 0, true), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("p", {
|
||||
children: [group.member_count, " 位成员"]
|
||||
}, void 0, true), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("button", {
|
||||
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);
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user