Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-07-29 17:40:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(): Add styling

Browse Source
This commit is contained in:
Depickere Sven 2023-04-21 14:19:19 +02:00
parent 6222fe0e41
commit 9cc2e672e3
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Custom/ExtraOperationInformation.tsx
View File

@ -5,17 +5,19 @@ import { observer } from 'mobx-react';
import { shortenHTTPVerb } from '../../utils';
export interface ExtraOperationInformationProps {
description: string;
httpVerb: string;
label: string;
}
export const ExtraOperationInformation = observer((props: ExtraOperationInformationProps) => {
const item = props;
return (
<div>
<OperationBadge type={item.httpVerb}>{shortenHTTPVerb(item.httpVerb)}</OperationBadge>
<MenuItemTitle width="calc(100% - 38px)">{item.label}</MenuItemTitle>
<div style={{ padding: '12.5px 0', margin: '0.5rem 0' }}>
<div>{props.description}</div>
<div style={{ display: 'flex' }}>
<OperationBadge type={props.httpVerb}>{shortenHTTPVerb(props.httpVerb)}</OperationBadge>
<MenuItemTitle width="calc(100% - 38px)">{props.label}</MenuItemTitle>
</div>
</div>
);
});