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

Fixed error color and padding

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-13 18:00:13 -03:00 • committed by ogabrielluiz
commit 647df8a592
3 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -191,11 +191,9 @@ export default function CodeAreaModal({
(error?.detail?.error !== undefined ? "h-2/6" : "h-0") (error?.detail?.error !== undefined ? "h-2/6" : "h-0")
} }
> >
<div className="mt-1 h-full max-h-[10rem] w-full overflow-y-auto overflow-x-clip text-left custom-scroll"> <div className="mt-5 h-full max-h-[10rem] w-full overflow-y-auto overflow-x-clip text-left custom-scroll">
<h1 className="text-lg text-destructive"> <h1 className="text-lg text-error">{error?.detail?.error}</h1>
{error?.detail?.error} <div className="ml-2 mt-2 w-full text-sm text-destructive word-break-break-word">
</h1>
<div className="ml-2 w-full text-sm text-status-red word-break-break-word">
<span className="w-full word-break-break-word"> <span className="w-full word-break-break-word">
{error?.detail?.traceback} {error?.detail?.traceback}
</span> </span>

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

@ -32,6 +32,7 @@
--error-background: #fef2f2; --error-background: #fef2f2;
--error-foreground: #991b1b; --error-foreground: #991b1b;
--error: #991b1b;
--success-background: #f0fdf4; --success-background: #f0fdf4;
--success-foreground: #14532d; --success-foreground: #14532d;
@ -111,6 +112,7 @@
--error-foreground: #fef2f2; --error-foreground: #fef2f2;
--error-background: #450a0a; --error-background: #450a0a;
--error: #991b1b;
--info-foreground: #eff6ff; --info-foreground: #eff6ff;
--info-background: #172554; --info-background: #172554;

7
src/frontend/tailwind.config.js
View file

@ -64,8 +64,11 @@ module.exports = {
"dark-blue": "var(--dark-blue)", "dark-blue": "var(--dark-blue)",
"dark-gray": "var(--dark-gray)", "dark-gray": "var(--dark-gray)",
"dark-red": "var(--dark-red)", "dark-red": "var(--dark-red)",
"error-background": "var(--error-background)", error: {
"error-foreground": "var(--error-foreground)", DEFAULT: "var(--error)",
background: "var(--error-background)",
foreground: "var(--error-foreground)",
},
"high-dark-gray": "var(--high-dark-gray)", "high-dark-gray": "var(--high-dark-gray)",
"high-indigo": "var(--high-indigo)", "high-indigo": "var(--high-indigo)",
"high-light-gray": "var(--high-light-gray)", "high-light-gray": "var(--high-light-gray)",