🐛 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(() => { useEffect(() => {
if (JSON.stringify(value) !== JSON.stringify(ref.current)) { if (JSON.stringify(value) !== JSON.stringify(ref.current)) {
ref.current = value; ref.current = value;
onChange(value); onChange(value, ref);
} }
}, [value]); }, [value]);

View file

@ -853,7 +853,7 @@
} }
.api-modal-tabs { .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 { .api-modal-tablist-div {
@apply flex items-center justify-between px-2; @apply flex items-center justify-between px-2;