[Bug] Fix double scrollbars (#504)

* Remove redundant styles

* Remove redundant styles introduced in #417

* Apply max-height to response code

Author: sserrata

packages/docusaurus-theme-openapi-docs/src/theme/ApiDemoPanel/Curl/styles.module.css

@@ -82,8 +82,3 @@
   background: var(--ifm-menu-color-background-active);
   color: var(--ifm-menu-color-active);
 }
-
-.codeBlock code {
-  max-width: revert;
-  max-height: revert;
-}

packages/docusaurus-theme-openapi-docs/src/theme/ApiDemoPanel/Response/index.tsx

@@ -62,7 +62,10 @@ function Response() {
           </button>
         </div>
       </summary>
-      <CodeBlock language={response.startsWith("<") ? `xml` : `json`}>
+      <CodeBlock
+        language={response.startsWith("<") ? `xml` : `json`}
+        className="openapi-demo__code-block"
+      >
         {prettyResponse || "No Response"}
       </CodeBlock>
     </details>

packages/docusaurus-theme-openapi-docs/src/theme/styles.css

@@ -161,14 +161,6 @@
   margin-right: 1rem;
 }
 
-/* Code block */
-
-.theme-api-markdown code {
-  max-width: 600px;
-  max-height: 500px;
-  overflow: auto;
-}
-
 /* Version button */
 
 .version-button div {
@@ -517,3 +509,8 @@
 div:has(> ul.openapi-tabs__security-schemes) {
   max-width: 100%;
 }
+
+.openapi-demo__code-block code {
+  max-height: 500px;
+  overflow: auto;
+}