freefire/jiang13-bbs
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

polish(frontend): 侧栏与徽章可读性，智能悬停提示

Browse Source 
降权全站字重；优化右栏公告/数据块；类型状态徽章用固定浅色区分；TipHost 仅在文案不一致、非文字或省略时显示。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
姜十三
2026-09-16 03:54:14 +08:00
parent b9ba8cb8c9
commit 5507552ca5
28 changed files with 482 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/app/chat/[id]/ChatRoomClient.tsx
View File

@@ -130,14 +130,14 @@ function RecallNotice({
uid > 0 ? (
<Link
href={`/u/${uid}`}
className="font-semibold transition-opacity hover:opacity-80"
className="transition-opacity hover:opacity-80"
style={nameStyle}
data-tip={`查看 ${name} 的主页`}
>
{name}
</Link>
) : (
<span className="font-semibold" style={nameStyle}>
<span style={nameStyle}>
{name}
</span>
);
@@ -966,7 +966,7 @@ export default function ChatRoomClient({
</h1>
{isDefault && (
<span
className="text-[10.5px] font-bold px-2 py-0.5 rounded-full"
className="text-[10.5px] px-2 py-0.5 rounded-full"
style={{ background: "var(--gold-soft)", color: "var(--gold)" }}
>
大厅
@@ -974,7 +974,7 @@ export default function ChatRoomClient({
)}
{isPrivate && !isDirect && (
<span
className="text-[10.5px] font-bold px-2 py-0.5 rounded-full"
className="text-[10.5px] px-2 py-0.5 rounded-full"
style={{ background: "var(--panel-2)", color: "var(--ink-2)" }}
>
私密
@@ -1056,7 +1056,7 @@ export default function ChatRoomClient({
>
{!canView ? (
<div className="text-center py-12 px-4">
<p className="font-semibold" style={{ color: "var(--ink)" }}>
<p style={{ color: "var(--ink)" }}>
{isPrivate ? "此群为私密群" : "预览群信息"}
</p>
<p className="meta mt-1.5">
@@ -1123,7 +1123,7 @@ export default function ChatRoomClient({
<button
type="button"
onClick={() => handleReEdit(m.id)}
className="font-semibold transition-opacity hover:opacity-80"
className="transition-opacity hover:opacity-80"
style={{
color:
"color-mix(in srgb, var(--accent) 72%, var(--ink))",
@@ -1166,7 +1166,7 @@ export default function ChatRoomClient({
<Crown size={11} style={{ color: "var(--gold)" }} />
)}
<span
className="text-[12px] font-semibold truncate"
className="text-[12px] truncate"
style={{ color: "var(--ink-2)" }}
>
{m.sender.nickname}
@@ -1188,7 +1188,7 @@ export default function ChatRoomClient({
}}
>
<div
className="inline-flex items-center gap-1 mb-1.5 text-[11px] font-semibold"
className="inline-flex items-center gap-1 mb-1.5 text-[11px]"
style={{ color: "var(--ink-3)" }}
>
<Undo2 size={11} strokeWidth={2.4} />
@@ -1232,7 +1232,7 @@ export default function ChatRoomClient({
<Crown size={11} style={{ color: "var(--gold)" }} />
)}
<span
className="text-[12px] font-semibold truncate"
className="text-[12px] truncate"
style={{ color: "var(--ink-2)" }}
>
{m.sender.nickname}
@@ -1319,7 +1319,7 @@ export default function ChatRoomClient({
style={{ background: "var(--accent)" }}
/>
<div className="flex-1 min-w-0">
<p className="text-[11px] font-bold" style={{ color: "var(--accent)" }}>
<p className="text-[11px]" style={{ color: "var(--accent)" }}>
回复 {replyTo.sender.nickname || replyTo.sender.username}
</p>
<p className="text-[12px] truncate meta mt-0.5">
@@ -1365,7 +1365,7 @@ export default function ChatRoomClient({
size={28}
/>
<div className="min-w-0">
<p className="text-[13px] font-semibold truncate" style={{ color: "var(--ink)" }}>
<p className="text-[13px] truncate" style={{ color: "var(--ink)" }}>
{m.user.nickname || m.user.username}
</p>
<p className="text-[11px] meta truncate">@{m.user.username}</p>
@@ -1486,7 +1486,7 @@ export default function ChatRoomClient({
className="flex items-center justify-between px-4 py-3 shrink-0"
style={{ borderBottom: "1px solid var(--line)" }}
>
<p className="text-[13px] font-bold" style={{ color: "var(--ink)" }}>
<p className="text-[13px] font-medium" style={{ color: "var(--ink)" }}>
{rightPanel === "members"
? `成员 · ${memberCount}`
: rightPanel === "invite"
@@ -1630,7 +1630,7 @@ function MembersPanel({
{showTitle && (
<div className="flex items-center justify-between mb-3">
<p
className="text-[12px] font-bold tracking-[0.08em] uppercase"
className="text-[12px] tracking-[0.08em] uppercase"
style={{ color: "var(--ink-3)" }}
>
成员 · {members.length}
@@ -1666,7 +1666,7 @@ function MembersPanel({
/>
<Link
href={`/u/${m.user.id}`}
className="flex-1 min-w-0 truncate text-[13px] font-semibold hover:text-[var(--accent)] transition-colors"
className="flex-1 min-w-0 truncate text-[13px] hover:text-[var(--accent)] transition-colors"
style={{ color: "var(--ink)" }}
>
{m.user.nickname}
@@ -1795,7 +1795,7 @@ function SettingsPanel({
<div className="space-y-4">
<div>
<label
className="block text-[12px] font-bold mb-1.5"
className="block text-[12px] mb-1.5"
style={{ color: "var(--ink-2)" }}
>
群名称
@@ -1815,7 +1815,7 @@ function SettingsPanel({
</div>
<div>
<label
className="block text-[12px] font-bold mb-1.5"
className="block text-[12px] mb-1.5"
style={{ color: "var(--ink-2)" }}
>
群简介