fix(core): long lines no longer not bypass overflow

Fortyseven · Oct 16, 2024 · 5021b5a · 5021b5a
1 parent 3704381
commit 5021b5a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/components/TabPages/Conversation/Chat/Timeline.svelte b/src/components/TabPages/Conversation/Chat/Timeline.svelte
@@ -12,7 +12,7 @@
 <div class="timeline py-4">
     {#each $chatTimeline as line, index}
         <div class="flex gap-2">
-            <div class="flex-auto">
+            <div class="flex-auto w-[calc(100%-100px)]">
                 {#if line}
                     {#if line?.role === 'user'}
                         <ConversationTimelineResponse_User {line} {index} />
@@ -162,7 +162,8 @@
 
                 strong {
                     color: inherit !important;
-                    &::before,&::after {
+                    &::before,
+                    &::after {
                         content: unset;
                     }
                     text-decoration: underline;
@@ -198,7 +199,7 @@
                 color: rgb(179, 251, 255);
                 font-size: 0.9em;
                 font-weight: bold;
-                font-style:italic;
+                font-style: italic;
                 border-bottom: none;
                 text-decoration: none;
                 &::before {
@@ -237,7 +238,7 @@
             table {
                 outline: 1px solid var(--accent-color-darker4);
                 box-shadow: 0 0 20px black;
-                width:100%;
+                width: 100%;
                 margin-block: 1em;
                 th {
                     background-color: var(--accent-color-darker4);
@@ -246,7 +247,8 @@
                     color: black !important;
                     strong {
                         color: black !important;
-                        &::before,&::after {
+                        &::before,
+                        &::after {
                             content: unset;
                         }
                     }

diff --git a/src/components/TabPages/Conversation/Chat/TimelineResponse_User.svelte b/src/components/TabPages/Conversation/Chat/TimelineResponse_User.svelte
@@ -32,11 +32,14 @@
     .user {
         flex: auto;
         display: flex;
-
+        width: 100%;
         .text {
             flex: auto;
             color: var(--primary-fg);
+            font-style: italic;
             line-height: 1.35em;
+            width: 100%;
+            overflow: scroll;
             &::before {
                 content: '> ';
                 font-weight: bold;