Remove OpenAPIModelsSchema + align to main

Author: nolannbiron

packages/gitbook/src/components/DocumentView/OpenAPI/style.css

@@ -142,7 +142,7 @@
     @apply py-2.5 flex flex-col gap-2;
 }
 
-.openapi-section-body .openapi-schema-properties {
+.openapi-section .openapi-schema-properties {
     @apply divide-y divide-tint-subtle;
 }
 
@@ -620,14 +620,10 @@
     @apply space-y-2.5;
 }
 
-.openapi-models-properties {
+.openapi-section-models {
     @apply border border-tint-subtle rounded-lg;
 }
 
-.openapi-models-properties .openapi-schema-properties > .openapi-schema {
+.openapi-section-models > .openapi-section-body > .openapi-schema-properties > .openapi-schema {
     @apply p-2.5;
-}
-
-.openapi-models .openapi-disclosure-group-panel > .openapi-section {
-    @apply py-0;
 }

packages/react-openapi/src/models/OpenAPIModelSchema.tsx

@@ -1,8 +1,9 @@
 import clsx from 'clsx';
 
 import { OpenAPIDisclosureGroup } from '../OpenAPIDisclosureGroup';
+import { OpenAPIRootSchema } from '../OpenAPISchema';
+import { Section, SectionBody } from '../StaticSection';
 import type { OpenAPIClientContext, OpenAPIContextProps, OpenAPIModelsData } from '../types';
-import { OpenAPIModelSchema } from './OpenAPIModelSchema';
 
 /**
  * Display OpenAPI Models.
@@ -34,7 +35,13 @@ export function OpenAPIModels(props: {
                                 <span className="openapi-response-statuscode">{name}</span>
                             </div>
                         ),
-                        body: <OpenAPIModelSchema schema={schema} context={clientContext} />,
+                        body: (
+                            <Section className="openapi-section-models">
+                                <SectionBody>
+                                    <OpenAPIRootSchema schema={schema} context={clientContext} />
+                                </SectionBody>
+                            </Section>
+                        ),
                     }))}
                 />
             ) : null}