Clean up the osc log

Signed-off-by: Axel Boberg <[email protected]>
svt · Apr 25, 2024 · abd7c30 · abd7c30
1 parent 65f7aa4
commit abd7c30
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/plugins/osc/app/components/LogItem/index.jsx b/plugins/osc/app/components/LogItem/index.jsx
@@ -17,7 +17,7 @@ export const LogItem = ({ item = {} }) => {
   return (
     <div className='LogItem' data-direction={item?.direction}>
       <div className='LogItem-timestamp'>{formatTime(item?.timestamp)}</div>
-      <div className='LogItem-direction'>| {item?.direction === 'in' ? '>>' : '<<'}</div>
+      <div className='LogItem-direction'>{item?.direction === 'in' ? '>' : '<'}</div>
       <div className='LogItem-address'>{item?.address}</div>
     </div>
   )

diff --git a/plugins/osc/app/components/LogItem/style.css b/plugins/osc/app/components/LogItem/style.css
@@ -11,10 +11,18 @@
 
 .LogItem > div {
   margin-left: 10px;
+
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
 .LogItem-timestamp {
-  width: 100px;
+  width: 90px;
+  flex-shrink: 0;
+}
+
+.LogItem-direction {
+  flex-shrink: 0;
 }
 
 .LogItem:nth-child(odd) {