From b02e0b75d67cdf7e64e6606adad9496c2ff722af Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 22 Feb 2024 23:27:58 +0800
Subject: [PATCH] fix: fix audit log too long will broken style problem

---
 src/client/pages/Settings/AuditLog.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/client/pages/Settings/AuditLog.tsx b/src/client/pages/Settings/AuditLog.tsx
index b87ddc8..7d3edd4 100644
--- a/src/client/pages/Settings/AuditLog.tsx
+++ b/src/client/pages/Settings/AuditLog.tsx
@@ -88,19 +88,21 @@ export const AuditLog: React.FC = React.memo(() => {
                         t('Nothing more to load')
                       )
                     ) : (
-                      <div className="flex items-center">
+                      <div className="flex items-center overflow-hidden h-7">
                         {item.relatedType && (
                           <ColorTag label={item.relatedType} />
                         )}
                         <div
-                          className="opacity-60 mr-2 text-xs"
+                          className="opacity-60 mr-2 text-xs w-9"
                           title={dayjs(item.createdAt).format(
                             'YYYY-MM-DD HH:mm:ss'
                           )}
                         >
                           {dayjs(item.createdAt).format('MM-DD HH:mm')}
                         </div>
-                        <div>{item.content}</div>
+                        <div className="overflow-auto h-full flex-1">
+                          {item.content}
+                        </div>
                       </div>
                     )}
                   </List.Item>