优化图文页

app/aweme/[awemeId]/components/CommentList.tsx

@@ -18,12 +18,21 @@ export function CommentList({ author, createdAt, comments }: CommentListProps) {
       <header className="flex items-center gap-4 mb-5">
         <div className="size-10 rounded-full overflow-hidden bg-zinc-700/60">
           {author.avatar_url ? (
-            <img src={author.avatar_url} alt="avatar" className="w-full h-full object-cover" />
+            <img
+              src={author.avatar_url}
+              alt="avatar"
+              className="w-full h-full object-cover"
+            />
           ) : null}
         </div>
         <div>
-          <div className="font-medium text-white/95 text-sm sm:text-base">{author.nickname}</div>
-          <div className="text-xs text-white/50" title={formatAbsoluteUTC(createdAt)}>
+          <div className="font-medium text-white/95 text-sm sm:text-base">
+            {author.nickname}
+          </div>
+          <div
+            className="text-xs text-white/50"
+            title={formatAbsoluteUTC(createdAt)}
+          >
             发布于 {formatRelativeTime(createdAt)}
           </div>
         </div>
@@ -34,13 +43,21 @@ export function CommentList({ author, createdAt, comments }: CommentListProps) {
           <li key={c.cid} className="flex items-start gap-3 sm:gap-4">
             <div className="size-8 rounded-full overflow-hidden bg-zinc-700/60 shrink-0">
               {c.user.avatar_url ? (
-                <img src={c.user.avatar_url} alt="avatar" className="w-full h-full object-cover" />
+                <img
+                  src={c.user.avatar_url}
+                  alt="avatar"
+                  className="w-full h-full object-cover"
+                />
               ) : null}
             </div>
             <div className="min-w-0 flex-1">
               <div className="flex items-center gap-2">
-                <span className="font-medium text-white/95 text-sm">{c.user.nickname}</span>
-                <span className="text-xs text-white/50">{formatRelativeTime(c.created_at)}</span>
+                <span className="font-medium text-white/95 text-sm">
+                  {c.user.nickname}
+                </span>
+                <span className="text-xs text-white/50">
+                  {formatRelativeTime(c.created_at)}
+                </span>
               </div>
               <p className="mt-1 text-sm leading-relaxed text-white/90 break-words">
                 <CommentText text={c.text} />
@@ -75,7 +92,9 @@ export function CommentList({ author, createdAt, comments }: CommentListProps) {
             </div>
           </li>
         ))}
-        {comments.length === 0 ? <li className="text-sm text-white/60">暂无评论</li> : null}
+        {comments.length === 0 ? (
+          <li className="text-sm text-white/60">暂无评论</li>
+        ) : null}
       </ul>
 
       {/* 图片预览灯箱 */}