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

Fixed flexbox in io

Browse source
This commit is contained in:
Lucas Oliveira 2024-03-03 01:24:39 +01:00
commit c44c574c99
4 changed files with 11 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/components/IOview/index.tsx
View file

@ -263,7 +263,7 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
)} )}
{haveChat ? ( {haveChat ? (
<div className="flex h-full w-full"> <div className="flex h-full w-full flex-grow-0">
{selectedViewField && ( {selectedViewField && (
<div <div
className={cn( className={cn(

8
src/frontend/src/components/codeTabsComponent/index.tsx
View file

@ -192,13 +192,11 @@ export default function CodeTabsComponent({
dangerouslySetInnerHTML={{ __html: tab.description }} dangerouslySetInnerHTML={{ __html: tab.description }}
></div> ></div>
)} )}
<SyntaxHighlighter <code
className="mt-0 h-full w-full overflow-auto custom-scroll" className="mt-0 h-full overflow-auto custom-scroll rounded-sm text-left"
language={tab.mode}
style={oneDark}
> >
{tab.code} {tab.code}
</SyntaxHighlighter> </code>
</div> </div>
) : idx === 4 ? ( ) : idx === 4 ? (
<> <>

8
src/frontend/src/components/newChatView/chatMessage/index.tsx
View file

@ -155,9 +155,9 @@ export default function ChatMessage({
/> />
)} )}
{chat.thought && chat.thought !== "" && !hidden && <br></br>} {chat.thought && chat.thought !== "" && !hidden && <br></br>}
<div className="w-full"> <div className="w-full flex flex-col">
<div className="w-full dark:text-white"> <div className="w-full flex flex-col dark:text-white">
<div className="w-full"> <div className="w-full flex flex-col">
{useMemo( {useMemo(
() => () =>
chatMessage === "" && lockChat ? ( chatMessage === "" && lockChat ? (
@ -169,7 +169,7 @@ export default function ChatMessage({
<Markdown <Markdown
remarkPlugins={[remarkGfm, remarkMath]} remarkPlugins={[remarkGfm, remarkMath]}
rehypePlugins={[rehypeMathjax]} rehypePlugins={[rehypeMathjax]}
className="markdown prose min-w-full text-primary word-break-break-word className="markdown flex flex-col prose text-primary word-break-break-word
dark:prose-invert" dark:prose-invert"
components={{ components={{
pre({ node, ...props }) { pre({ node, ...props }) {

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

@ -845,13 +845,13 @@
} }
.api-modal-tabs { .api-modal-tabs {
@apply flex h-full max-w-full flex-col overflow-hidden rounded-md border bg-muted text-center sm:w-[75vw] md:w-[75vw] lg:w-[75vw] xl:w-[76vw] 2xl:w-full; @apply flex h-full flex-col overflow-hidden rounded-md border bg-muted text-center;
} }
.api-modal-tablist-div { .api-modal-tablist-div {
@apply flex items-center justify-between px-2 py-2; @apply flex items-center justify-between px-2 py-2;
} }
.api-modal-tabs-content { .api-modal-tabs-content {
@apply -mt-1 h-full w-full px-4 pb-4; @apply -mt-1 h-full w-full px-4 pb-4;
} }
.api-modal-accordion-display { .api-modal-accordion-display {
@apply mt-2 flex h-full w-full; @apply mt-2 flex h-full w-full;
@ -902,7 +902,7 @@
@apply flex-max-width px-2 py-6 pl-4 pr-9; @apply flex-max-width px-2 py-6 pl-4 pr-9;
} }
.form-modal-chatbot-icon { .form-modal-chatbot-icon {
@apply mb-3 ml-3 mr-6 mt-1; @apply flex flex-col mb-3 ml-3 mr-6 mt-1;
} }
.form-modal-chat-image { .form-modal-chat-image {
@apply flex flex-col items-center gap-1; @apply flex flex-col items-center gap-1;