fix: Fix the loss of layout style and scrolling anomaly

u14app · Jan 26, 2025 · 7cc2499 · 7cc2499
1 parent 94d74c6
commit 7cc2499
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -115,7 +115,24 @@ body {
   width: 20px;
   height: 20px;
 }
-
+.text-line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.text-line-clamp-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  -webkit-box-orient: vertical;
+  box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .chat-content img {
   width: 100%;
   max-width: 500px;

diff --git a/app/page.tsx b/app/page.tsx
@@ -1004,7 +1004,7 @@ export default function Home() {
               onChange={(ev) => {
                 setContent(ev.target.value)
                 setTextareaHeight(ev.target.value === '' ? TEXTAREA_DEFAULT_HEIGHT : ev.target.scrollHeight)
-                scrollToBottom()
+                if (messages.length > 1) scrollToBottom()
               }}
               onKeyDown={handleKeyDown}
             />