mirror of
https://github.com/strapi/strapi.git
synced 2025-09-20 05:52:08 +00:00
Merge pull request #5737 from strapi/fix/media-lib-ui
Fix the modal list view in the Media Library
This commit is contained in:
commit
4581a4cf35
@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
width: 100%;
|
||||
margin-bottom: 34px;
|
||||
margin-bottom: 17px;
|
||||
overflow: hidden;
|
||||
&:hover {
|
||||
cursor: ${({ isDraggable }) => (isDraggable ? 'move' : 'pointer')};
|
||||
|
@ -7,7 +7,7 @@
|
||||
import styled from 'styled-components';
|
||||
|
||||
const BackButton = styled.button`
|
||||
height: 6rem;
|
||||
height: 5.9rem;
|
||||
width: 6.5rem;
|
||||
margin-right: 20px;
|
||||
margin-left: -30px;
|
||||
|
@ -1,7 +1,7 @@
|
||||
import styled from 'styled-components';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
max-height: 44rem;
|
||||
max-height: 48.3rem;
|
||||
overflow: overlay;
|
||||
`;
|
||||
|
||||
|
@ -2,11 +2,9 @@ import styled from 'styled-components';
|
||||
import ContainerFluid from '../ContainerFluid';
|
||||
|
||||
const Container = styled(ContainerFluid)`
|
||||
margin-bottom: 4px;
|
||||
margin-bottom: 3px;
|
||||
padding-top: 15px;
|
||||
max-height: 339px;
|
||||
overflow: overlay;
|
||||
overflow-x: hidden;
|
||||
max-height: 357px;
|
||||
`;
|
||||
|
||||
export default Container;
|
||||
|
@ -0,0 +1,9 @@
|
||||
import styled from 'styled-components';
|
||||
|
||||
import ModalSection from '../ModalSection';
|
||||
|
||||
const CustomModalSection = styled(ModalSection)`
|
||||
overflow: overlay;
|
||||
`;
|
||||
|
||||
export default CustomModalSection;
|
@ -11,6 +11,7 @@ import ButtonWrapper from './ButtonWrapper';
|
||||
import RowItem from './RowItem';
|
||||
import ListTitle from './ListTitle';
|
||||
import ListTitleWrapper from './ListTitleWrapper';
|
||||
import CustomModalSection from './CustomModalSection';
|
||||
|
||||
const UploadList = ({
|
||||
filesToUpload,
|
||||
@ -47,7 +48,7 @@ const UploadList = ({
|
||||
</Button>
|
||||
</ButtonWrapper>
|
||||
</ModalSection>
|
||||
<ModalSection>
|
||||
<CustomModalSection>
|
||||
<Container>
|
||||
{matrix.map(({ key, rowContent }) => {
|
||||
return (
|
||||
@ -67,7 +68,7 @@ const UploadList = ({
|
||||
);
|
||||
})}
|
||||
</Container>
|
||||
</ModalSection>
|
||||
</CustomModalSection>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
Loading…
x
Reference in New Issue
Block a user