prevent overflow on small displays

This commit is contained in:
Gimle Larpes 2025-07-25 02:15:41 +02:00
parent 77b551d004
commit 2b66d13ea1

View file

@ -371,11 +371,12 @@ function DateHint({ hasChanges, handleReset }: DateHintProps) {
escapeDeactivates: stopPropagation, escapeDeactivates: stopPropagation,
}} }}
> >
<Menu> <Menu style={{ maxHeight: '85vh', overflowY: 'auto' }}>
<Header size="300" style={{ padding: `0 ${config.space.S200}` }}> <Header size="300" style={{ padding: `0 ${config.space.S200}` }}>
<Text size="L400">Formatting</Text> <Text size="L400">Formatting</Text>
</Header> </Header>
<Box direction="Column">
<Box style={categoryPadding} direction="Column"> <Box style={categoryPadding} direction="Column">
<Header size="300"> <Header size="300">
<Text size="L400">Year</Text> <Text size="L400">Year</Text>
@ -479,6 +480,7 @@ function DateHint({ hasChanges, handleReset }: DateHintProps) {
</Text> </Text>
</Box> </Box>
</Box> </Box>
</Box>
</Menu> </Menu>
</FocusTrap> </FocusTrap>
} }