mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-13 10:40:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show popup window in full screen at mobile devices

Browse source
This commit is contained in:
Ajay Bura 2022-04-24 17:29:49 +05:30
parent 44c3dec9dc
commit 9a22b25564
9 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/app/molecules/popup-window/PopupWindow.jsx
View file

@ -58,7 +58,8 @@ function PopupWindow({
return (
<RawModal
className={`${className === null ? '' : `${className} `}pw-model`}
className={`${className === null ? '' : `${className} `}pw-modal`}
overlayClassName="pw-modal__overlay"
isOpen={isOpen}
onAfterClose={onAfterClose}
onRequestClose={onRequestClose}

11
src/app/molecules/popup-window/PopupWindow.scss
View file

@ -1,9 +1,18 @@
@use '../../partials/dir';
@use '../../partials/screen';
.pw-model {
.pw-modal {
--modal-height: 774px;
max-height: var(--modal-height) !important;
height: 100%;
@include screen.smallerThan(mobileBreakpoint) {
--modal-height: 100%;
border-radius: 0 !important;
&__overlay {
padding: 0 !important;
}
}
}
.pw {