diff --git a/fixtures/unstable-async/suspense/src/components/Spinner.css b/fixtures/unstable-async/suspense/src/components/Spinner.css index ce6134a39e..552c85b4b9 100644 --- a/fixtures/unstable-async/suspense/src/components/Spinner.css +++ b/fixtures/unstable-async/suspense/src/components/Spinner.css @@ -2,6 +2,13 @@ animation: rotate 1.3s linear infinite; } +.SpinnerContainer-large { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } diff --git a/fixtures/unstable-async/suspense/src/components/Spinner.js b/fixtures/unstable-async/suspense/src/components/Spinner.js index 580e9e2d1b..67d8c24695 100644 --- a/fixtures/unstable-async/suspense/src/components/Spinner.js +++ b/fixtures/unstable-async/suspense/src/components/Spinner.js @@ -26,23 +26,26 @@ export default function Spinner({size = 'small'}) { const strokeWidth = STROKE_WIDTHS[size]; const pathRadius = `${baseSize / 2 - strokeWidth}px`; const className = PATH_CLASS_NAMES[size]; + const containerClassName = `SpinnerContainer SpinnerContainer-${size}`; return ( - - - +
+ + + +
); }