Fixes sizing of Stoplight viewer

shapehq · Nov 29, 2023 · 4dde838 · 4dde838
1 parent 80657c3
commit 4dde838
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/features/docs/view/Stoplight.tsx b/src/features/docs/view/Stoplight.tsx
@@ -28,11 +28,12 @@ const Stoplight = ({ url }: { url: string }) => {
 }
 
 const ResponsiveStoplight = ({ document }: { document: string }) => {
-
   return (
     <>
       <Box sx={{
         display: { xs: "block", sm: "none" },
+        width: "100%",
+        height: "100%",
         padding: 2 
       }}>
         <API
@@ -42,7 +43,9 @@ const ResponsiveStoplight = ({ document }: { document: string }) => {
         />
       </Box>
       <Box sx={{
-        display: { xs: "none", sm: "block" }
+        display: { xs: "none", sm: "block" },
+        width: "100%",
+        height: "100%",
       }}>
         <API
           apiDescriptionDocument={document}