kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-01-31 09:08:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(modal): optimize the max width, height and alignment of layer

Browse Source
This commit is contained in:
unix
2020-06-30 13:47:07 +08:00
parent 59322e6b29
commit 3c23bbeb4f
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/modal/modal-wrapper.tsx
View File

@@ -31,8 +31,8 @@ const ModalWrapper: React.FC<React.PropsWithChildren<ModalWrapperProps>> = ({
{children}
<style jsx>{`
.wrapper {
max-width: 85vw;
max-height: 75vh;
max-width: 90vw;
max-height: 90vh;
width: ${width};
overflow: hidden;
display: flex;

2
components/shared/backdrop.tsx
View File

@@ -56,7 +56,7 @@ const Backdrop: React.FC<React.PropsWithChildren<BackdropProps>> = React.memo(
align-content: center;
align-items: center;
flex-direction: column;
justify-content: space-around;
justify-content: center;
height: 100vh;
width: 100vw;
overflow: auto;