From 60ea2d7d04f8903b963acdd3c61a6e8b97495c3b Mon Sep 17 00:00:00 2001
From: Deng Junhai <DengJunHai@foxmail.com>
Date: Wed, 27 Mar 2024 18:10:18 +0800
Subject: [PATCH] feat: update sharing id style

feat: update sharing id style
Co-Authored-By: Minghan Zhang <112773885+zmh-program@users.noreply.github.com>
---
 app/src/dialogs/ShareManagementDialog.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/src/dialogs/ShareManagementDialog.tsx b/app/src/dialogs/ShareManagementDialog.tsx
index f389c421..5ad27619 100644
--- a/app/src/dialogs/ShareManagementDialog.tsx
+++ b/app/src/dialogs/ShareManagementDialog.tsx
@@ -60,12 +60,16 @@ function ShareContent({ data }: ShareTableProps) {
           key={idx}
           className={`flex flex-row w-full h-max border boder-input p-4 rounded-md mb-2 last:mb-0`}
         >
-          <div className={`flex flex-col flex-grow`}>
-            <div className={`flex flex-row text-md items-center mr-1`}>
-              <span className={`text-common mb-1`}>{row.name}</span>
-              <span className={`text-secondary ml-2 select-none`}>
+          <div className={`flex flex-col flex-grow mr-1`}>
+            <div className={`flex flex-row text-md items-start mb-1`}>
+              <span
+                className={`text-secondary mr-2 select-none text-xs border rounded-md py-1 px-2`}
+              >
                 #{row.conversation_id}
               </span>
+              <span className={`text-common py-0.5 text-ellipsis`}>
+                {row.name}
+              </span>
             </div>
             <div
               className={`flex flex-row items-center text-xs text-gray-500 select-none`}