aserbin/IDP-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: full screen form for mobile

Browse Source
This commit is contained in:
AlexSserb
2025-07-18 15:06:50 +04:00
parent e033938a03
commit 964641a58d
11 changed files with 71 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/PageBlock/PageItem.module.css
View File

@ -22,3 +22,20 @@
.container-no-border-radius {
border-radius: 0 !important;
}
.container-full-screen-mobile {
@media (max-width: 48em) {
min-height: 100vh;
height: 100vh;
width: 100vw;
border-radius: 0 !important;
padding: rem(40) rem(20) rem(20);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
overflow-y: auto;
}
}

5
components/PageBlock/PageItem.tsx
View File

@ -8,6 +8,7 @@ type Props = {
fullHeight?: boolean;
fullHeightFixed?: boolean;
noBorderRadius?: boolean;
fullScreenMobile?: boolean;
};
const PageItem: FC<Props> = ({
@ -16,6 +17,7 @@ const PageItem: FC<Props> = ({
fullHeight = false,
fullHeightFixed = false,
noBorderRadius = false,
fullScreenMobile = false,
}) => {
return (
<div
@ -24,7 +26,8 @@ const PageItem: FC<Props> = ({
styles.container,
fullHeight && styles["container-full-height"],
fullHeightFixed && styles["container-full-height-fixed"],
noBorderRadius && styles["container-no-border-radius"]
noBorderRadius && styles["container-no-border-radius"],
fullScreenMobile && styles["container-full-screen-mobile"]
)}>
{children}
</div>