Browse Source

Fixes layout shift (#4640)

main
Strek 3 years ago
committed by GitHub
parent
commit
d8f92c1bfc
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      beta/src/components/MDX/ExpandableCallout.tsx
  2. 6
      beta/src/styles/sandpack.css

1
beta/src/components/MDX/ExpandableCallout.tsx

@ -41,6 +41,7 @@ function ExpandableCallout({children, type}: ExpandableCalloutProps) {
return (
<div
className={cn(
'expandable-callout',
'pt-8 pb-4 px-5 sm:px-8 my-8 relative rounded-none shadow-inner -mx-5 sm:mx-auto sm:rounded-lg',
variant.containerClasses
)}>

6
beta/src/styles/sandpack.css

@ -302,3 +302,9 @@ html.dark .sp-devtools > div {
max-height: unset;
}
}
.expandable-callout .sp-stack:nth-child(2) {
min-width: 431px;
min-height: 40vh;
max-height: 40vh;
}

Loading…
Cancel
Save