jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: update font size of prompt when validated (#5214)

Browse source 
Fixed prompt after validation not showing up correctly

Co-authored-by: Eric Hare <ericrhare@gmail.com>
This commit is contained in:
Lucas Oliveira 2024-12-17 14:10:42 -03:00 • committed by GitHub
commit e15730173f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/frontend/src/components/common/sanitizedHTMLWrapper/index.tsx
View file

@ -1,3 +1,4 @@
import { cn } from "@/utils/utils";
import DOMPurify from "dompurify"; import DOMPurify from "dompurify";
import { forwardRef } from "react"; import { forwardRef } from "react";
import { SanitizedHTMLWrapperType } from "../../../types/components"; import { SanitizedHTMLWrapperType } from "../../../types/components";
@ -15,7 +16,7 @@ const SanitizedHTMLWrapper = forwardRef<
dangerouslySetInnerHTML={{ __html: sanitizedHTML }} dangerouslySetInnerHTML={{ __html: sanitizedHTML }}
suppressContentEditableWarning={suppressWarning} suppressContentEditableWarning={suppressWarning}
{...props} {...props}
className="m-1 w-full" className={cn("m-1 w-full", props.className)}
/> />
); );
}); });

2
src/frontend/src/modals/promptModal/index.tsx
View file

@ -257,7 +257,7 @@ export default function PromptModal({
) : ( ) : (
<SanitizedHTMLWrapper <SanitizedHTMLWrapper
ref={previewRef} ref={previewRef}
className={getClassByNumberLength() + " bg-muted"} className={getClassByNumberLength() + " m-0"}
onClick={handlePreviewClick} onClick={handlePreviewClick}
content={coloredContent} content={coloredContent}
suppressWarning={true} suppressWarning={true}

2
src/frontend/src/modals/promptModal/utils/var-highlight-html.tsx
View file

@ -1,6 +1,6 @@
import { IVarHighlightType } from "../../../types/components"; import { IVarHighlightType } from "../../../types/components";
export default function varHighlightHTML({ name }: IVarHighlightType): string { export default function varHighlightHTML({ name }: IVarHighlightType): string {
const html = `<span class="font-semibold chat-message-highlight">{${name}}</span>`; const html = `<span class="chat-message-highlight">{${name}}</span>`;
return html; return html;
} }

2
src/frontend/src/style/applies.css
View file

@ -1111,7 +1111,7 @@
} }
.chat-message-highlight { .chat-message-highlight {
@apply rounded-md bg-indigo-100 px-0.5 dark:bg-indigo-900; @apply rounded-md bg-indigo-100 px-0 font-semibold dark:bg-indigo-900;
} }
.field-invalid { .field-invalid {