sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-23 15:38:55 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Render images to take full width of chat message div

Browse source 
Remove unnecessary "Inferred Query" heading prefix to image generation prompt
used by Khoj. The inferred query in chat message has a heading of it's
own, so avoid two headings for the image prompt
This commit is contained in:
Debanjum Singh Solanky 2024-09-28 06:15:50 -07:00
parent 4efa7d4464
commit 936bc64b82
3 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/interface/web/app/common/chatFunctions.ts
View file

@ -126,7 +126,7 @@ export function handleImageResponse(imageJson: any, liveStream: boolean): Respon
rawResponse = `![](data:image/webp;base64,${imageJson.image})`;
}
if (inferredQuery && !liveStream) {
rawResponse += `\n\n**Inferred Query**:\n\n${inferredQuery}`;
rawResponse += `\n\n${inferredQuery}`;
}
}

14
src/interface/web/app/components/chatMessage/chatMessage.module.css
View file

@ -58,18 +58,20 @@ div.emptyChatMessage {
}
div.chatMessageContainer img {
width: 50%;
width: auto;
height: auto;
max-width: 100%;
max-height: 80vh;
object-fit: contain;
display: block;
margin-top: 0.25rem;
margin-right: auto;
}
div.chatMessageContainer h3 img {
width: 24px;
}
div.you img {
height: 16rem;
width: auto;
}
div.you {
color: hsla(var(--secondary-foreground));
}

2
src/interface/web/app/components/chatMessage/chatMessage.tsx
View file

@ -347,7 +347,7 @@ const ChatMessage = forwardRef<HTMLDivElement, ChatMessageProps>((props, ref) =>
props.chatMessage.intent.type.includes("text-to-image") &&
props.chatMessage.intent["inferred-queries"]?.length > 0
) {
message += `\n\n**Inferred Query**\n\n${props.chatMessage.intent["inferred-queries"][0]}`;
message += `\n\n${props.chatMessage.intent["inferred-queries"][0]}`;
}
setTextRendered(message);