mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
68f928c8a2
* Adding ModalContent component * Using different component api for ref * use imperative handle * Updating size * Updating stories and docs as well as component api * Fixing import
18 lines
638 B
SCSS
18 lines
638 B
SCSS
.mm-modal-content {
|
|
--modal-content-size: var(--size, 360px);
|
|
|
|
// Currently there is only use case for one size of ModalContent in the extension
|
|
// See audit https://www.figma.com/file/hxYqloYgmVcgsoiVqmGZ8K/Modal-Audit?node-id=481%3A244&t=XITeuRB1pRc09hiG-1
|
|
// Not to say there won't be more in the future, but to prevent redundant code there is only one for now
|
|
&--size-sm {
|
|
--size: 360px;
|
|
|
|
max-width: var(--modal-content-size);
|
|
}
|
|
|
|
position: relative;
|
|
box-shadow: var(--shadow-size-lg) var(--color-shadow-default);
|
|
max-height: calc(100% - 32px); // allow for 16px padding on top and bottom
|
|
overflow: auto;
|
|
}
|