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

Changing modal layout

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-05-31 15:55:55 -03:00
commit 675b0fb2f6
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/frontend/src/modals/EditNodeModal/index.tsx
View file

@ -133,7 +133,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
</div> </div>
</div> </div>
<div className="h-full w-full bg-gray-200 dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center"> <div className="h-full w-full bg-gray-200 dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center">
<div className="flex w-full h-[445px]"> <div className="flex w-full h-full max-h-[445px]">
<div <div
className={classNames( className={classNames(
"w-full rounded-lg bg-white dark:bg-gray-800 shadow", "w-full rounded-lg bg-white dark:bg-gray-800 shadow",
@ -149,12 +149,12 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
!data.node.template[t].advanced && !data.node.template[t].advanced &&
data.node.template[t].show data.node.template[t].show
).length > limitScrollFieldsModal ).length > limitScrollFieldsModal
? "overflow-scroll overflow-x-hidden custom-scroll" ? "overflow-scroll overflow-x-hidden custom-scroll h-fit"
: "overflow-hidden" : "overflow-hidden h-fit"
)} )}
> >
<div className="flex flex-col h-full gap-5"> <div className="flex flex-col h-full gap-5 h-fit ">
<table className="table-fixed w-full h-full divide-y divide-gray-300"> <table className="table-fixed w-full divide-y divide-gray-300 border-b-[1px] rounded-b-lg h-full">
<thead> <thead>
<tr className="divide-x divide-gray-200"> <tr className="divide-x divide-gray-200">
<th <th
@ -178,7 +178,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
key={idx} key={idx}
className="divide-x divide-gray-200" className="divide-x divide-gray-200"
> >
<td className="gap-3 py-4 px-4 text-sm font-medium text-gray-900"> <td className="gap-3 py-4 px-4 text-sm font-medium text-gray-900 truncate h-1">
{data.node.template[parameters[idx]] ? ( {data.node.template[parameters[idx]] ? (
<button <button
className="flex gap-3 w-full items-center" className="flex gap-3 w-full items-center"
@ -209,7 +209,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
<></> <></>
)} )}
</td> </td>
<td className="p-4 text-sm text-right font-medium text-gray-900"> <td className="p-4 text-sm text-right font-medium text-gray-900 truncate h-1">
<button <button
className="w-full flex justify-end gap-3 items-center" className="w-full flex justify-end gap-3 items-center"
onClick={() => { onClick={() => {