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

Merge pull request #778 from lethemanh/777-limit-date-picker-height-on-mobile

Browse Source 
#777 limit date picker height on mobile
This commit is contained in:
lethemanh
2026-04-15 15:58:42 +07:00
committed by GitHub
parent 401a8b7287 34bac88ab0
commit f54873c7a6
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Menubar/components/DatePickerMobile.tsx
+5 -3
View File
@@ -128,7 +128,8 @@ export const DatePickerMobile: React.FC<DatePickerMobileProps> = ({
sx={{ sx={{
width: '100%', width: '100%',
marginTop: '10px', marginTop: '10px',
minHeight: `${rootMinHeight}px` minHeight: `${rootMinHeight}px`,
maxHeight: '300px'
}} }}
slotProps={{ slotProps={{
toolbar: { hidden: true }, toolbar: { hidden: true },
@@ -138,7 +139,7 @@ export const DatePickerMobile: React.FC<DatePickerMobileProps> = ({
width: '100%', width: '100%',
margin: 0, margin: 0,
maxWidth: 'none', maxWidth: 'none',
maxHeight: 'none', maxHeight: '400px',
height: `${calendarHeight}px` height: `${calendarHeight}px`
}, },
'.MuiDayCalendar-header': { '.MuiDayCalendar-header': {
@@ -150,7 +151,8 @@ export const DatePickerMobile: React.FC<DatePickerMobileProps> = ({
justifyContent: 'space-around' justifyContent: 'space-around'
}, },
'.MuiDateCalendar-root .MuiDayCalendar-slideTransition': { '.MuiDateCalendar-root .MuiDayCalendar-slideTransition': {
minHeight: `${slideTransitionMinHeight}px` minHeight: `${slideTransitionMinHeight}px`,
maxHeight: '300px'
} }
} }
}, },