fix(conversation): overflows in sources, removed tagline below input

This commit is contained in:
ManishMadan2882
2024-05-08 20:50:20 +05:30
parent afb18a3e4d
commit ea79494b6d
2 changed files with 5 additions and 5 deletions

View File

@@ -134,7 +134,7 @@ export default function Conversation() {
<div
onWheel={handleUserInterruption}
onTouchMove={handleUserInterruption}
className="flex w-full justify-center p-4 h-[86vh] overflow-y-auto"
className="flex w-full justify-center p-4 h-[87vh] overflow-y-auto"
>
{queries.length > 0 && !hasScrolledToLast && (
<button
@@ -151,7 +151,7 @@ export default function Conversation() {
)}
{queries.length > 0 && (
<div className="w-full md:w-8/12 first:mt-20">
<div className="w-full md:w-8/12 mt-16">
{queries.map((query, index) => {
return (
<Fragment key={index}>
@@ -171,7 +171,7 @@ export default function Conversation() {
{queries.length === 0 && <Hero className="mt-24 md:mt-52"></Hero>}
</div>
<div className="bottom-0 flex w-11/12 flex-col items-end self-center bg-white pt-4 dark:bg-raisin-black md:fixed md:w-[65%]">
<div className="bottom-0 flex flex-col items-end self-center bg-white pt-1 dark:bg-raisin-black md:fixed w-11/12 md:w-[60%]">
<div className="flex h-full w-full">
<div
id="inputbox"
@@ -211,7 +211,7 @@ export default function Conversation() {
</div>
)}
</div>
<p className="text-gray-595959 w-[100vw] self-center bg-white bg-transparent p-5 text-center text-xs dark:bg-raisin-black dark:text-bright-gray md:w-full">
<p className="hidden md:inline text-gray-595959 w-[100vw] self-center bg-white bg-transparent p-5 text-center text-xs dark:bg-raisin-black dark:text-bright-gray md:w-full">
DocsGPT uses GenAI, please review critial information using sources.
</p>
</div>

View File

@@ -172,7 +172,7 @@ const ConversationBubble = forwardRef<
{sources?.map((source, index) => (
<div
key={index}
className={`max-w-fit cursor-pointer rounded-[28px] py-1 px-4 ${
className={`max-w-xs sm:max-w-sm md:max-w-md cursor-pointer rounded-[28px] py-1 px-4 ${
openSource === index
? 'bg-[#007DFF]'
: 'bg-[#D7EBFD] hover:bg-[#BFE1FF]'