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 <KeypairListComponent
disabled={false} disabled={false}
editNode={true} editNode={true}

View file

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

View file

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