Manually merge PR #1799.

components/pages/realtime/RealtimeLog.js

@@ -146,7 +146,7 @@ export default function RealtimeLog({ data, websiteDomain }) {
       <div className={styles.body}>
         {logs?.length === 0 && <NoData />}
         {logs?.length > 0 && (
-          <FixedSizeList height={400} itemCount={logs.length} itemSize={40}>
+          <FixedSizeList height={500} itemCount={logs.length} itemSize={50}>
             {Row}
           </FixedSizeList>
         )}

components/pages/realtime/RealtimeLog.module.css

@@ -9,15 +9,15 @@
   align-items: center;
   justify-content: space-between;
   font-size: var(--font-size-md);
-  line-height: 40px;
-  font-weight: 600;
+  line-height: 50px;
+  font-weight: 700;
 }
 
 .row {
   display: flex;
   align-items: center;
   gap: 10px;
-  height: 40px;
+  height: 50px;
   border-bottom: 1px solid var(--base300);
 }
 
@@ -49,6 +49,15 @@
   overflow: hidden;
 }
 
+.detail > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
 .row .link {
   color: var(--base900);
   text-decoration: none;