zqlit/blog
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复主题一些细节优化问题

Browse Source
This commit is contained in:
zqlit committed 2026-05-24 12:17:43 +08:00
1 parent 578bac0e12
commit a8f49d8651
24 files changed
+645 -67
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

write/src/app/comments/page.tsx
+9 -9
View File
@@ -390,7 +390,7 @@ export default function CommentsPage() {
if (!loggedIn) {
return (
<div className="min-h-full flex items-center justify-center px-8">
<div className="w-[340px] bg-white border border-line rounded-lg p-8">
<div className="w-[340px] bg-card border border-line rounded-lg p-8">
<div className="text-center mb-6">
<div className="w-10 h-10 bg-accent/8 rounded-full flex items-center justify-center mx-auto mb-3">
<Key size={18} className="text-accent" />
@@ -480,7 +480,7 @@ export default function CommentsPage() {
{ label: "评论总数", value: stats.totalComments },
{ label: "评论用户", value: stats.uniqueUsers },
].map((s) => (
<div key={s.label} className="bg-white border border-line rounded-lg p-4 text-center">
<div key={s.label} className="bg-card border border-line rounded-lg p-4 text-center">
<div className="text-[11px] text-muted mb-1">{s.label}</div>
<div className="text-[22px] font-bold text-accent">{s.value}</div>
</div>
@@ -490,7 +490,7 @@ export default function CommentsPage() {
{/* Top articles & top users side by side */}
<div className="flex gap-5 min-h-0">
{/* Top articles */}
<div className="flex-1 bg-white border border-line rounded-lg p-5">
<div className="flex-1 bg-card border border-line rounded-lg p-5">
<h3 className="text-[13px] font-bold text-text mb-4">评论最多的文章 Top 20</h3>
<div className="space-y-1">
{stats.topArticles.map((a, i) => (
@@ -506,7 +506,7 @@ export default function CommentsPage() {
</div>
{/* Top commenters */}
<div className="flex-1 bg-white border border-line rounded-lg p-5">
<div className="flex-1 bg-card border border-line rounded-lg p-5">
<h3 className="text-[13px] font-bold text-text mb-4">最活跃的用户 Top 30</h3>
<div className="space-y-1">
{stats.topUsers.map((u, i) => (
@@ -540,7 +540,7 @@ export default function CommentsPage() {
<Loader2 size={13} className="animate-spin" /> 加载中
</div>
) : (
<div className="flex-1 overflow-y-auto bg-white border border-line rounded-md">
<div className="flex-1 overflow-y-auto bg-card border border-line rounded-md">
{pages.map((p) => (
<div key={p.id}
className={`flex items-center border-b border-line/50 text-[13px] transition-colors hover:bg-surface ${
@@ -578,7 +578,7 @@ export default function CommentsPage() {
type="text"
value={editTitleText}
onChange={(e) => setEditTitleText(e.target.value)}
className="flex-1 bg-white border border-line rounded-md px-2 py-1 text-[13px] text-text focus:outline-none focus:border-accent/30"
className="flex-1 bg-card border border-line rounded-md px-2 py-1 text-[13px] text-text focus:outline-none focus:border-accent/30"
onKeyDown={(e) => { if (e.key === "Enter") handleSaveTitle(); if (e.key === "Escape") setEditingTitle(false); }}
autoFocus
/>
@@ -610,13 +610,13 @@ export default function CommentsPage() {
) : (
<div className="flex-1 overflow-y-auto space-y-1.5">
{comments.length === 0 && (
<div className="flex items-center justify-center h-32 bg-white border border-line rounded-md text-[13px] text-muted">
<div className="flex items-center justify-center h-32 bg-card border border-line rounded-md text-[13px] text-muted">
暂无评论
</div>
)}
{comments.map((c) => (
<div key={c.id} className={`px-4 py-3 rounded-md border ${
c.is_collapsed ? "bg-surface border-line/40 opacity-55" : "bg-white border-line"
c.is_collapsed ? "bg-surface border-line/40 opacity-55" : "bg-card border-line"
}`}>
<div className="flex items-start justify-between gap-3">
<div className="flex-1 min-w-0">
@@ -695,7 +695,7 @@ export default function CommentsPage() {
)}
</>
) : (
<div className="flex-1 flex items-center justify-center bg-white border border-line rounded-md text-[13px] text-muted">
<div className="flex-1 flex items-center justify-center bg-card border border-line rounded-md text-[13px] text-muted">
<MessageSquare size={18} className="mr-2 text-muted/30" />
选择左侧文章查看评论
</div>