more classNames

This commit is contained in:
Cameron Koegel 2022-09-13 14:24:49 -04:00
parent fc44a5cb57
commit 5d25b09399
6 changed files with 7 additions and 7 deletions

View File

@ -23,7 +23,7 @@ export class CallbackPayloadSample extends React.Component<PayloadSampleProps> {
} }
return ( return (
<PayloadSampleWrapper> <PayloadSampleWrapper className="callback-sample">
<PayloadSamples content={payloadSample.requestBodyContent} /> <PayloadSamples content={payloadSample.requestBodyContent} />
</PayloadSampleWrapper> </PayloadSampleWrapper>
); );

View File

@ -24,7 +24,7 @@ export class CallbackDetails extends React.Component<CallbackDetailsProps> {
const hasDescription = !!(description || externalDocs); const hasDescription = !!(description || externalDocs);
return ( return (
<CallbackDetailsWrap> <CallbackDetailsWrap className="callback">
{hasDescription && ( {hasDescription && (
<Description> <Description>
{description !== undefined && <Markdown source={description} />} {description !== undefined && <Markdown source={description} />}

View File

@ -48,7 +48,7 @@ export class Endpoint extends React.Component<EndpointProps, EndpointState> {
return ( return (
<OptionsContext.Consumer> <OptionsContext.Consumer>
{options => ( {options => (
<OperationEndpointWrap className="operation-endpoint"> <OperationEndpointWrap className="endpoint">
<EndpointInfo onClick={this.toggle} expanded={expanded} inverted={inverted}> <EndpointInfo onClick={this.toggle} expanded={expanded} inverted={inverted}>
<HttpVerb type={operation.httpVerb} compact={this.props.compact}> <HttpVerb type={operation.httpVerb} compact={this.props.compact}>
{operation.httpVerb} {operation.httpVerb}

View File

@ -90,7 +90,7 @@ export class Field extends React.Component<FieldProps> {
return ( return (
<> <>
<tr className={isLast ? 'last ' + className : className}> <tr className={isLast ? 'last field' + className : className + ' field'}>
{paramName} {paramName}
<PropertyDetailsCell> <PropertyDetailsCell>
<FieldDetails {...this.props} /> <FieldDetails {...this.props} />

View File

@ -35,7 +35,7 @@ export const Operation = observer(({ operation }: OperationProps): JSX.Element =
<OptionsContext.Consumer> <OptionsContext.Consumer>
{options => ( {options => (
<Row {...{ [SECTION_ATTR]: operation.operationHash }} id={operation.operationHash}> <Row {...{ [SECTION_ATTR]: operation.operationHash }} id={operation.operationHash}>
<MiddlePanel> <MiddlePanel className="middle-panel">
<H2 className="operation-header"> <H2 className="operation-header">
<ShareLink to={operation.id} /> <ShareLink to={operation.id} />
{summary} {deprecated && <Badge type="warning"> Deprecated </Badge>} {summary} {deprecated && <Badge type="warning"> Deprecated </Badge>}
@ -61,7 +61,7 @@ export const Operation = observer(({ operation }: OperationProps): JSX.Element =
<ResponsesList responses={operation.responses} /> <ResponsesList responses={operation.responses} />
<CallbacksList callbacks={operation.callbacks} /> <CallbacksList callbacks={operation.callbacks} />
</MiddlePanel> </MiddlePanel>
<DarkRightPanel> <DarkRightPanel className="right-panel">
{!options.pathInMiddlePanel && !isWebhook && <Endpoint operation={operation} />} {!options.pathInMiddlePanel && !isWebhook && <Endpoint operation={operation} />}
<RequestSamples operation={operation} /> <RequestSamples operation={operation} />
<ResponseSamples operation={operation} /> <ResponseSamples operation={operation} />

View File

@ -53,7 +53,7 @@ export class Redoc extends React.Component<RedocProps> {
/> />
)) || )) ||
null} null}
<SideMenu menu={menu} /> <SideMenu menu={menu} className="side-menu" />
</StickyResponsiveSidebar> </StickyResponsiveSidebar>
<ApiContentWrap className="api-content"> <ApiContentWrap className="api-content">
<ApiInfo store={store} /> <ApiInfo store={store} />