diff --git a/src/components/chat/ChatHeader.vue b/src/components/chat/ChatHeader.vue index 64bbd86..df59b94 100644 --- a/src/components/chat/ChatHeader.vue +++ b/src/components/chat/ChatHeader.vue @@ -3,12 +3,12 @@
@@ -93,6 +93,7 @@ import { Minimize2, Trash2, Download, + ChevronLeft, MoreHorizontal, ExternalLink, Pin, diff --git a/src/components/chat/ChatMain.vue b/src/components/chat/ChatMain.vue index b8f3759..ced1d8e 100644 --- a/src/components/chat/ChatMain.vue +++ b/src/components/chat/ChatMain.vue @@ -392,14 +392,14 @@ watch( &.wide-mode { .input-container { - max-width: 1000px; + min-width: 1000px; } } } .input-wrapper { flex-shrink: 0; - padding: 16px 24px 24px; + padding: 16px 150px 24px; background: linear-gradient(to top, white 80%, transparent); .dark & { @@ -408,12 +408,13 @@ watch( } .input-container { - max-width: 800px; - margin: 0 auto; + width: 100%; + min-width: 1000px; + // margin: 0 auto; transition: max-width 0.3s ease; &.wide { - max-width: 1000px; + min-width: 1000px; } } diff --git a/src/components/message/MessageBubble.vue b/src/components/message/MessageBubble.vue index 7f02222..f61a49f 100644 --- a/src/components/message/MessageBubble.vue +++ b/src/components/message/MessageBubble.vue @@ -276,7 +276,7 @@ setCustomComponents("playground-demo", { .message-bubble { display: flex; gap: 16px; - padding: 20px 24px; + padding: 20px 150px; animation: fadeIn 0.3s ease; &.role-user { diff --git a/src/components/sidebar/ChatSidebar.vue b/src/components/sidebar/ChatSidebar.vue index 88eb7ca..2b9ad7b 100644 --- a/src/components/sidebar/ChatSidebar.vue +++ b/src/components/sidebar/ChatSidebar.vue @@ -6,7 +6,7 @@ >