修复群资料页箭头图标参差不齐
"群头像"/"群二维码"两行没有其它行都有的 <small>(靠 margin-left:auto 把末尾箭头推到最右), 末尾图标紧贴在文字标签后面,导致整页箭头图标一个贴左一个贴右,参差不齐。给这两行末尾图标 直接加 margin-left:auto,跟其它行的箭头对齐到同一条竖线上。 (过程中试过给文字标签加 margin-right:auto 间接推挤,实测反而导致标签本身被推到行中间, 不是预期效果,改为直接在末尾图标自己身上加 margin-left:auto,语义更明确也更可靠。) Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
bd1d6ff0b0
commit
e66550867c
@@ -543,7 +543,7 @@ function GroupProfile({topic, myUserId, onToast}) {
|
||||
<span>群简介</span><small>{group.description || '群主很懒,还没有群简介'}</small><Icon>chevron_right</Icon>
|
||||
</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>
|
||||
<button type="button" className="group-profile-qr" onClick={() => navigate('group-qr', topic)}><span>群二维码</span><Icon>qr_code</Icon><Icon>chevron_right</Icon></button>
|
||||
<button type="button" onClick={() => navigate('group-members', topic)}><span>群成员</span><small>共{group.member_count}位成员</small><Icon>chevron_right</Icon></button>
|
||||
</main>
|
||||
</div>;
|
||||
|
||||
Reference in New Issue
Block a user