Styling fix

mmrech · Oct 1, 2024 · 3157798 · 3157798
1 parent 298680f
commit 3157798
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/pages/ConsolePage.scss b/src/pages/ConsolePage.scss
@@ -60,7 +60,6 @@
         padding-top: 4px;
         line-height: 1.2em;
         overflow: auto;
-        position: relative;
         &.full {
           padding: 0px;
         }
@@ -190,6 +189,8 @@
     }
     .speaker-content {
       color: #18181b;
+      overflow: hidden;
+      word-wrap: break-word;
     }
   }
 

diff --git a/src/pages/ConsolePage.tsx b/src/pages/ConsolePage.tsx
@@ -602,7 +602,7 @@ export function ConsolePage() {
               {items.map((conversationItem, i) => {
                 return (
                   <div className="conversation-item" key={conversationItem.id}>
-                    <div className={`speaker ${conversationItem.role}`}>
+                    <div className={`speaker ${conversationItem.role || ''}`}>
                       <div>
                         {(
                           conversationItem.role || conversationItem.type