Skip to content

Commit

Permalink
fix(modal): deleted max modal size
Browse files Browse the repository at this point in the history
  • Loading branch information
Se-Gl committed Aug 7, 2022
1 parent 658e216 commit e945cf2
Show file tree
Hide file tree
Showing 6 changed files with 6 additions and 7 deletions.
3 changes: 1 addition & 2 deletions CHANGELOG.md
@@ -1,9 +1,8 @@
## [7.0.7](https://github.com/Se-Gl/codn/compare/v7.0.6...v7.0.7) (2022-08-07)


### Bug Fixes

* **modal:** added conditional padding for modal, adjusted zindex of close modal icon ([02026bb](https://github.com/Se-Gl/codn/commit/02026bb5acc918d80f9dc637646246d2ac7beb73))
- **modal:** added conditional padding for modal, adjusted zindex of close modal icon ([02026bb](https://github.com/Se-Gl/codn/commit/02026bb5acc918d80f9dc637646246d2ac7beb73))

## [7.0.6](https://github.com/Se-Gl/codn/compare/v7.0.5...v7.0.6) (2022-08-06)

Expand Down
2 changes: 1 addition & 1 deletion dist/index.es.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/index.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/style/green.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/components/Modal/Modal.js
Expand Up @@ -81,7 +81,7 @@ const ModalContent = ({
ref={modalRef}
tabIndex={0}
{...restProps}
className={`fixed left-50per top-50per z-98 text-black overflow-x-hidden rounded-20px bg-white min-w-50rem max-w-50vw sm:min-w-90vw md:min-w-90vw max-h-75vh ${
className={`fixed left-50per top-50per z-98 text-black overflow-x-hidden rounded-20px bg-white min-w-50rem sm:min-w-90vw md:min-w-90vw ${
shadow ? 'shadow-small-black-2' : ''
} ${className} ${modalContentAnimation}`}
style={{ transform: 'translate(-50%, -50%)' }}>
Expand Down
2 changes: 1 addition & 1 deletion src/stories/Modal.stories.js
Expand Up @@ -18,7 +18,7 @@ export const StoryModal = stories.add('Modal', () => {

{/* Modal */}
<div className='relative z-2'>
<Modal toggle={toggleModal} setToggle={setToggleModal} modalPadding={false}>
<Modal toggle={toggleModal} setToggle={setToggleModal}>
<Modal.Header className='sans font-900 text-30px fade-in-left animation-duration-500ms animation-forwards'>
<h3>👋 Hi, I'm your modal</h3>
</Modal.Header>
Expand Down

0 comments on commit e945cf2

Please sign in to comment.