slightly adapt style

This commit is contained in:
gael 2023-10-24 08:59:57 +02:00
parent 94216e5f69
commit 38e6fd6c38
5 changed files with 13 additions and 3 deletions

View File

@ -51,6 +51,8 @@ export const UnderlinedHeader = styled.h5`
text-transform: uppercase; text-transform: uppercase;
font-size: 0.929em; font-size: 0.929em;
line-height: 20px; line-height: 20px;
border-bottom: 1px solid rgb(228, 231, 235);
padding-bottom: 0.8em;
${extensionsHook('UnderlinedHeader')}; ${extensionsHook('UnderlinedHeader')};
`; `;

View File

@ -12,6 +12,12 @@ export const MiddlePanel = styled.div<{ $compact?: boolean }>`
theme.spacing.sectionHorizontal theme.spacing.sectionHorizontal
}px`}; }px`};
`}; `};
${({ $compact, theme }) =>
media.lessThan('small', true)`
padding: ${`${$compact ? 0 : theme.spacing.sectionVertical / 2}px ${
theme.spacing.sectionHorizontal / 2
}px`};
`};
`; `;
export const Section = styled.div.attrs(props => ({ export const Section = styled.div.attrs(props => ({

View File

@ -101,7 +101,9 @@ export function BodyContent(props: {
{({ schema }) => { {({ schema }) => {
return ( return (
<> <>
{description !== undefined && <Markdown source={description} />} {description !== undefined && <p></p> && (
<Markdown className={'description-body-request'} source={description} />
)}
{schema?.type === 'object' && ( {schema?.type === 'object' && (
<ConstraintsView constraints={schema?.constraints || []} /> <ConstraintsView constraints={schema?.constraints || []} />
)} )}

View File

@ -10,6 +10,7 @@ import { ObjectSchema } from './ObjectSchema';
const PaddedSchema = styled.div` const PaddedSchema = styled.div`
padding-left: ${({ theme }) => theme.spacing.unit * 2}px; padding-left: ${({ theme }) => theme.spacing.unit * 2}px;
padding-top: ${({ theme }) => theme.spacing.unit * 2}px;
`; `;
export class ArraySchema extends React.PureComponent<SchemaProps> { export class ArraySchema extends React.PureComponent<SchemaProps> {

View File

@ -102,8 +102,7 @@ export const Wrap = styled.div<{ $expanded?: boolean }>`
width: 100%; width: 100%;
display: flex; display: flex;
margin: 1em 0; margin: 1em 0;
padding-bottom: 1em; padding-bottom: 0.8em;
border-bottom: 1px solid rgb(228, 231, 235);
flex-direction: ${p => (p.$expanded ? 'column' : 'row')}; flex-direction: ${p => (p.$expanded ? 'column' : 'row')};
${media.lessThan('small')` ${media.lessThan('small')`
flex-direction: column; flex-direction: column;