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

Fix: modal leaving screen

Browse source
This commit is contained in:
igorrCarvalho 2024-06-09 23:40:08 -03:00
commit 983e03d714
2 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/modals/genericModal/index.tsx
View file

@ -209,7 +209,7 @@ export default function GenericModal({
<div
className={classNames(
!isEdit ? "rounded-lg border" : "",
"flex h-full w-full",
"flex h-full max-h-[85%] w-full",
)}
>
{type === TypeModal.PROMPT && isEdit && !readonly ? (
@ -244,7 +244,7 @@ export default function GenericModal({
) : type !== TypeModal.PROMPT ? (
<Textarea
ref={textRef}
className="form-input h-full w-full rounded-lg focus-visible:ring-1"
className="form-input h-full w-full overflow-auto rounded-lg focus-visible:ring-1"
value={inputValue}
onChange={(event) => {
setInputValue(event.target.value);

14
src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
View file

@ -684,6 +684,16 @@ export default function NodeToolbarComponent({
style={`${frozen ? " text-ice" : ""} transition-all`}
/>
</SelectItem>
<SelectItem value="Download">
<ToolbarSelectItem
shortcut={
shortcuts.find((obj) => obj.name === "Download")?.shortcut!
}
value={"Download"}
icon={"Download"}
dataTestId="download-button-modal"
/>
</SelectItem>
<SelectItem value={"delete"} className="focus:bg-red-400/[.20]">
<div className="font-red flex text-status-red">
<IconComponent
@ -691,10 +701,10 @@ export default function NodeToolbarComponent({
className="relative top-0.5 mr-2 h-4 w-4 "
/>{" "}
<span className="">Delete</span>{" "}
<span>
<span className="justify absolute right-2 top-2 flex items-center rounded-sm bg-muted px-1 py-[0.2]">
<IconComponent
name="Delete"
className="absolute right-2 top-2 h-4 w-4 stroke-2 text-red-400"
className="h-4 w-4 stroke-2 text-red-400"
></IconComponent>
</span>
</div>