From 491fe98c15d60d6861bf3f4df8d53ebaa71840ac Mon Sep 17 00:00:00 2001
From: Blueagle <austinliu@blueagle.top>
Date: Tue, 28 Feb 2023 09:13:16 +0000
Subject: [PATCH] change style in css file

---
 components/metrics/RealtimeLog.js         | 8 --------
 components/metrics/RealtimeLog.module.css | 9 +++++++++
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/metrics/RealtimeLog.js b/components/metrics/RealtimeLog.js
index 4347b40b3..5e477e309 100644
--- a/components/metrics/RealtimeLog.js
+++ b/components/metrics/RealtimeLog.js
@@ -123,14 +123,6 @@ export default function RealtimeLog({ data, websites, websiteId }) {
         <FormattedMessage
           id="message.log.visitor"
           defaultMessage="Visitor from {country} using {browser} on {os} {device}"
-          style={{
-            overflow: 'hidden',
-            'text-overflow': 'ellipsis',
-            display: '-webkit-box',
-            '-webkit-line-clamp': 2,
-            'line-clamp': 2,
-            '-webkit-box-orient': 'vertical',
-          }}
           values={{
             country: <b>{countryNames[country] || intl.formatMessage(labels.unknown)}</b>,
             browser: <b>{BROWSERS[browser]}</b>,
diff --git a/components/metrics/RealtimeLog.module.css b/components/metrics/RealtimeLog.module.css
index fff840e5e..3bdc2a64b 100644
--- a/components/metrics/RealtimeLog.module.css
+++ b/components/metrics/RealtimeLog.module.css
@@ -48,6 +48,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(--gray900);
   text-decoration: none;