Fix: modal leaving screen
This commit is contained in:
parent
5028f80a63
commit
983e03d714
2 changed files with 14 additions and 4 deletions
|
|
@ -209,7 +209,7 @@ export default function GenericModal({
|
||||||
<div
|
<div
|
||||||
className={classNames(
|
className={classNames(
|
||||||
!isEdit ? "rounded-lg border" : "",
|
!isEdit ? "rounded-lg border" : "",
|
||||||
"flex h-full w-full",
|
"flex h-full max-h-[85%] w-full",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{type === TypeModal.PROMPT && isEdit && !readonly ? (
|
{type === TypeModal.PROMPT && isEdit && !readonly ? (
|
||||||
|
|
@ -244,7 +244,7 @@ export default function GenericModal({
|
||||||
) : type !== TypeModal.PROMPT ? (
|
) : type !== TypeModal.PROMPT ? (
|
||||||
<Textarea
|
<Textarea
|
||||||
ref={textRef}
|
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}
|
value={inputValue}
|
||||||
onChange={(event) => {
|
onChange={(event) => {
|
||||||
setInputValue(event.target.value);
|
setInputValue(event.target.value);
|
||||||
|
|
|
||||||
|
|
@ -684,6 +684,16 @@ export default function NodeToolbarComponent({
|
||||||
style={`${frozen ? " text-ice" : ""} transition-all`}
|
style={`${frozen ? " text-ice" : ""} transition-all`}
|
||||||
/>
|
/>
|
||||||
</SelectItem>
|
</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]">
|
<SelectItem value={"delete"} className="focus:bg-red-400/[.20]">
|
||||||
<div className="font-red flex text-status-red">
|
<div className="font-red flex text-status-red">
|
||||||
<IconComponent
|
<IconComponent
|
||||||
|
|
@ -691,10 +701,10 @@ export default function NodeToolbarComponent({
|
||||||
className="relative top-0.5 mr-2 h-4 w-4 "
|
className="relative top-0.5 mr-2 h-4 w-4 "
|
||||||
/>{" "}
|
/>{" "}
|
||||||
<span className="">Delete</span>{" "}
|
<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
|
<IconComponent
|
||||||
name="Delete"
|
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>
|
></IconComponent>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue