From ffa8ac73def6248f75871ad7f36c9b82da1520bb Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Sat, 4 Oct 2025 21:29:41 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E5=BE=AE=E8=B0=83=20RecentsListItem=20?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/main/RecentsListItem.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/ui/main/RecentsListItem.tsx b/client/ui/main/RecentsListItem.tsx
index f1dfd45..f4cf7ae 100644
--- a/client/ui/main/RecentsListItem.tsx
+++ b/client/ui/main/RecentsListItem.tsx
@@ -1,5 +1,7 @@
+import { $ } from "mdui/jq"
 import RecentChat from "../../api/client_data/RecentChat.ts"
 import Avatar from "../Avatar.tsx"
+import React from 'react'
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     recentChat: RecentChat
@@ -9,11 +11,16 @@ interface Args extends React.HTMLAttributes<HTMLElement> {
 
 export default function RecentsListItem({ recentChat, openChatFragment, active }: Args) {
     const { id, title, avatar, content } = recentChat
+
+    const itemRef = React.useRef<HTMLElement>(null)
+    React.useEffect(() => {
+        $(itemRef.current!.shadowRoot).find('.headline').css('margin-top', '3px')
+    })
     return (
         <mdui-list-item rounded style={{
             marginTop: '3px',
             marginBottom: '3px',
-        }} onClick={() => openChatFragment(id)} active={active}>
+        }} onClick={() => openChatFragment(id)} active={active} ref={itemRef}>
             {title}
             <Avatar src={avatar} text={title} slot="icon" />
             <span slot="description"