chore(codeTabsComponent): add custom-scroll class to improve styling of code tabs component

chore(keypairListComponent): add h-full class to make keypair list component fill its parent container
chore(EditNodeModal): add custom-scroll class and max-h-48 class to make the modal scrollable when necessary
This commit is contained in:
anovazzi1 2023-09-26 21:35:46 -03:00
commit 3c202c4781
3 changed files with 3 additions and 3 deletions

View file

@ -753,7 +753,7 @@ export default function CodeTabsComponent({
)
)}
>
<div className="mx-auto">
<div className="mx-auto max-h-48 overflow-auto custom-scroll">
<KeypairListComponent
disabled={false}
editNode={true}

View file

@ -42,7 +42,7 @@ export default function KeypairListComponent({
<div
className={classNames(
value?.length > 1 && editNode ? "my-1" : "",
"flex flex-col gap-3"
"flex flex-col gap-3 h-full"
)}
>
{value?.map((obj, index) => {

View file

@ -256,7 +256,7 @@ const EditNodeModal = forwardRef(
</div>
) : myData.current.node?.template[templateParam]
.type === "dict" ? (
<div className="mt-2 w-full">
<div className="mt-2 w-full max-h-48 overflow-auto custom-scroll">
<KeypairListComponent
disabled={disabled}
editNode={true}