Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-10 07:04:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: make authorizations responseive too

Browse Source
This commit is contained in:
romanhotsiy 2020-10-13 15:25:28 +03:00
parent c0509b3770
commit 6f6fe575e5
No known key found for this signature in database
GPG Key ID: 0BC2221278CCBBB8
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/SecurityRequirement/SecurityRequirement.tsx
View File

@ -1,7 +1,7 @@
// import { transparentize } from 'polished'; // import { transparentize } from 'polished';
import * as React from 'react'; import * as React from 'react';
import styled from '../../styled-components'; import styled, { media } from '../../styled-components';
import { Link, UnderlinedHeader } from '../../common-elements/'; import { Link, UnderlinedHeader } from '../../common-elements/';
import { SecurityRequirementModel } from '../../services/models/SecurityRequirement'; import { SecurityRequirementModel } from '../../services/models/SecurityRequirement';
@ -90,6 +90,9 @@ const AuthHeaderColumn = styled.div`
const SecuritiesColumn = styled.div` const SecuritiesColumn = styled.div`
width: ${props => props.theme.schema.defaultDetailsWidth}; width: ${props => props.theme.schema.defaultDetailsWidth};
${media.lessThan('small')`
margin-top: 10px;
`}
`; `;
const AuthHeader = styled(UnderlinedHeader)` const AuthHeader = styled(UnderlinedHeader)`
@ -101,6 +104,10 @@ const Wrap = styled.div`
width: 100%; width: 100%;
display: flex; display: flex;
margin: 1em 0; margin: 1em 0;
${media.lessThan('small')`
flex-direction: column;
`}
`; `;
export interface SecurityRequirementsProps { export interface SecurityRequirementsProps {