fix: keep dashboard shell dimensions stable
This commit is contained in:
@@ -116,7 +116,10 @@ export function ModuleUiFrame(props: ModuleUiFrameProps): ReactElement {
|
||||
}, [config, descriptor, importModule, onAuthorizationResponse, principal]);
|
||||
|
||||
return (
|
||||
<section aria-live="polite" style={{ display: "grid", gap: "0.75rem" }}>
|
||||
<section
|
||||
aria-live="polite"
|
||||
style={{ display: "grid", gap: "0.75rem", minWidth: 0, width: "100%" }}
|
||||
>
|
||||
{status === "loading" ? (
|
||||
<p data-testid="module-loading" style={{ color: "#57534e", margin: 0 }}>
|
||||
Loading module…
|
||||
@@ -128,7 +131,7 @@ export function ModuleUiFrame(props: ModuleUiFrameProps): ReactElement {
|
||||
to check the installation.
|
||||
</p>
|
||||
) : undefined}
|
||||
<div data-testid="module-container" ref={containerRef} />
|
||||
<div data-testid="module-container" ref={containerRef} style={{ minWidth: 0, width: "100%" }} />
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user