eduvia/workavia-calendar-front
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adjust ResponsiveDialog Modal height to avoid flict

Browse Source
This commit is contained in:
lenhanphung
2025-10-09 15:17:41 +07:00
committed by Benoit TELLIER
parent 4d346751bf
commit 456271da32
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dialog/ResponsiveDialog.tsx
+2 -2
View File
@@ -104,11 +104,11 @@ function ResponsiveDialog({
"& .MuiDialog-paper": { "& .MuiDialog-paper": {
maxWidth: isExpanded ? "100%" : normalMaxWidth, maxWidth: isExpanded ? "100%" : normalMaxWidth,
width: "100%", width: "100%",
height: isExpanded ? `calc(100vh - ${headerHeight})` : "auto", // height: isExpanded ? `calc(100vh - ${headerHeight})` : "90vh",
margin: isExpanded ? `${headerHeight} 0 0 0` : "32px", margin: isExpanded ? `${headerHeight} 0 0 0` : "32px",
maxHeight: isExpanded maxHeight: isExpanded
? `calc(100vh - ${headerHeight})` ? `calc(100vh - ${headerHeight})`
: `calc(100vh - 90px)`, : "790px",
boxShadow: isExpanded ? "none !important" : undefined, boxShadow: isExpanded ? "none !important" : undefined,
transition: isExpanded ? "none !important" : undefined, transition: isExpanded ? "none !important" : undefined,
}, },