🐛 fix(keypairListComponent): pass ref to onChange function to ensure updated value is used

🎨 style(applies.css): adjust width of api-modal-tabs to be responsive on different screen sizes
This commit is contained in:
Cristhian Zanforlin Lousa 2023-09-27 21:57:25 -03:00
commit 1e99cce899
2 changed files with 2 additions and 2 deletions

View file

@ -24,7 +24,7 @@ export default function KeypairListComponent({
useEffect(() => {
if (JSON.stringify(value) !== JSON.stringify(ref.current)) {
ref.current = value;
onChange(value);
onChange(value, ref);
}
}, [value]);

View file

@ -853,7 +853,7 @@
}
.api-modal-tabs {
@apply flex h-full flex-col overflow-hidden rounded-md border bg-muted text-center max-lg:w-full sm:w-[75vw] lg:w-full;
@apply flex h-full flex-col overflow-hidden rounded-md border bg-muted text-center sm:w-[75vw] md:w-[75vw] lg:w-[75vw] xl:w-[76vw] 2xl:w-full;
}
.api-modal-tablist-div {
@apply flex items-center justify-between px-2;