(fix:conv) perfect aligment

This commit is contained in:
ManishMadan2882
2025-03-16 03:57:31 +05:30
parent fd0bd13b08
commit 574a0e2dba
5 changed files with 39 additions and 38 deletions

View File

@@ -228,7 +228,7 @@ export default function Conversation() {
status={status}
/>
<div className="flex flex-col items-end self-center rounded-2xl bg-opacity-0 z-3 w-full md:w-6/12 h-auto py-1">
<div className="flex flex-col items-end self-center rounded-2xl bg-opacity-0 z-3 w-full md:w-9/12 lg:w-8/12 xl:w-8/12 2xl:w-6/12 max-w-[1300px] h-auto py-1">
<div
{...getRootProps()}
className="flex w-full items-center rounded-[40px]"

View File

@@ -139,7 +139,7 @@ export default function ConversationMessages({
ref={conversationRef}
onWheel={handleUserInterruption}
onTouchMove={handleUserInterruption}
className="flex justify-center w-full overflow-y-auto h-screen sm:pt-12 "
className="flex justify-center w-full overflow-y-auto h-screen sm:pt-12"
>
{queries.length > 0 && !hasScrolledToLast && (
<button
@@ -155,9 +155,9 @@ export default function ConversationMessages({
</button>
)}
{queries.length > 0 ? (
<div className="w-full px-2 md:w-6/12">
{queries.map((query, index) => (
<div className="w-full md:w-9/12 lg:w-8/12 xl:w-8/12 2xl:w-6/12 max-w-[1300px] px-2">
{queries.length > 0 ? (
queries.map((query, index) => (
<Fragment key={index}>
<ConversationBubble
className={'first:mt-5'}
@@ -170,11 +170,11 @@ export default function ConversationMessages({
/>
{prepResponseView(query, index)}
</Fragment>
))}
</div>
) : (
<Hero handleQuestion={handleQuestion} />
)}
))
) : (
<Hero handleQuestion={handleQuestion} />
)}
</div>
</div>
);
}

View File

@@ -158,8 +158,8 @@ export const SharedConversation = () => {
content="Shared conversations with DocsGPT"
/>
</Helmet>
<div className="flex h-full flex-col items-center justify-between gap-2 overflow-y-hidden dark:bg-raisin-black">
<div className="border-b p-2 dark:border-b-silver w-full md:w-6/12">
<div className="flex h-full flex-col items-center justify-between gap-2 overflow-y-hidden dark:bg-raisin-black ">
<div className="border-b p-2 dark:border-b-silver w-full md:w-9/12 lg:w-8/12 xl:w-8/12 2xl:w-6/12 max-w-[1200px]">
<h1 className="font-semi-bold text-4xl text-chinese-black dark:text-chinese-silver">
{title}
</h1>
@@ -179,7 +179,7 @@ export const SharedConversation = () => {
queries={queries}
status={status}
/>
<div className="flex flex-col items-center gap-4 pb-2 w-full md:w-6/12">
<div className="flex flex-col items-center gap-4 pb-2 w-full md:w-9/12 lg:w-8/12 xl:w-8/12 2xl:w-6/12 max-w-[1200px]">
{apiKey ? (
<MessageInput
value={input}