LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 08:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

style fix: gap between conversations wrapper and prompts input wrapper

Browse Source
This commit is contained in:
utin-francis-peter
2024-06-28 15:16:55 +01:00
parent d437521710
commit a16e83200a
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/conversation/Conversation.tsx
View File

@@ -191,11 +191,11 @@ export default function Conversation() {
}; };
return ( return (
<div className="flex h-screen flex-col gap-1"> <div className="flex h-screen flex-col gap-7">
<div <div
onWheel={handleUserInterruption} onWheel={handleUserInterruption}
onTouchMove={handleUserInterruption} onTouchMove={handleUserInterruption}
className="flex h-[90%] w-full justify-center overflow-y-auto p-4 md:h-[83vh]" className="flex h-[90%] w-full flex-1 justify-center overflow-y-auto p-4 md:h-[83vh]"
> >
{queries.length > 0 && !hasScrolledToLast && ( {queries.length > 0 && !hasScrolledToLast && (
<button <button
@@ -234,7 +234,7 @@ export default function Conversation() {
{queries.length === 0 && <Hero handleQuestion={handleQuestion} />} {queries.length === 0 && <Hero handleQuestion={handleQuestion} />}
</div> </div>
<div className="bottom-safe fixed flex w-11/12 flex-col items-end self-center rounded-2xl bg-opacity-0 pb-1 sm:w-6/12"> <div className="flex w-11/12 flex-col items-end self-center rounded-2xl bg-opacity-0 pb-1 sm:w-6/12">
<div className="flex h-full w-full items-center rounded-full border border-silver bg-white dark:bg-raisin-black"> <div className="flex h-full w-full items-center rounded-full border border-silver bg-white dark:bg-raisin-black">
<div <div
id="inputbox" id="inputbox"

2
frontend/src/conversation/ConversationBubble.tsx
View File

@@ -68,7 +68,7 @@ const ConversationBubble = forwardRef<
/> />
<div <div
className={`ml-2 mr-5 flex max-w-[90vw] rounded-[28px] border-2 border-red-600 bg-gray-1000 py-[14px] px-7 dark:bg-gun-metal md:max-w-[70vw] lg:max-w-[50vw] ${ className={`ml-2 mr-5 flex max-w-[90vw] rounded-[28px] bg-gray-1000 py-[14px] px-7 dark:bg-gun-metal md:max-w-[70vw] lg:max-w-[50vw] ${
type === 'ERROR' type === 'ERROR'
? 'relative flex-row items-center rounded-full border border-transparent bg-[#FFE7E7] p-2 py-5 text-sm font-normal text-red-3000 dark:border-red-2000 dark:text-white' ? 'relative flex-row items-center rounded-full border border-transparent bg-[#FFE7E7] p-2 py-5 text-sm font-normal text-red-3000 dark:border-red-2000 dark:text-white'
: 'flex-col rounded-3xl' : 'flex-col rounded-3xl'

4
frontend/src/index.css
View File

@@ -409,9 +409,9 @@ template {
width: 0; width: 0;
} }
.bottom-safe { /* .bottom-safe {
bottom: env(safe-area-inset-bottom, 0); bottom: env(safe-area-inset-bottom, 0);
} } */
.inputbox-style[contenteditable] { .inputbox-style[contenteditable] {
padding-left: 36px; padding-left: 36px;