rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Fixes extra bottom padding in account modal

Browse Source
This commit is contained in:
Antonella Sgarlatta
2025-07-28 00:33:22 -03:00
parent 9583d0db44
commit 63d84725d2
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx
View File

@@ -11,6 +11,7 @@ import { useMediaQuery, MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/u
import { SupportsPassiveListeners } from '@/Constants/Constants' import { SupportsPassiveListeners } from '@/Constants/Constants'
import { useLifecycleAnimation } from '@/Hooks/useLifecycleAnimation' import { useLifecycleAnimation } from '@/Hooks/useLifecycleAnimation'
import { getScrollParent } from '@/Utils' import { getScrollParent } from '@/Utils'
import { useAvailableSafeAreaPadding } from '@/Hooks/useSafeAreaPadding'
const DisableScroll = () => { const DisableScroll = () => {
useDisableBodyScrollOnMobile() useDisableBodyScrollOnMobile()
@@ -63,6 +64,8 @@ const MobilePopoverContent = ({
}, },
}) })
const { hasBottomInset } = useAvailableSafeAreaPadding()
useEffect(() => { useEffect(() => {
if (!element) { if (!element) {
return return
@@ -181,7 +184,8 @@ const MobilePopoverContent = ({
<div <div
ref={mergeRefs([setPopoverElement, addCloseMethod])} ref={mergeRefs([setPopoverElement, addCloseMethod])}
className={classNames( className={classNames(
'z-1 absolute bottom-0 flex max-h-[calc(100%_-_max(var(--safe-area-inset-top),2rem))] min-h-[40%] w-full flex-col rounded-t-xl bg-passive-5 pb-safe-bottom', 'z-1 absolute bottom-0 flex max-h-[calc(100%_-_max(var(--safe-area-inset-top),2rem))] min-h-[40%] w-full flex-col rounded-t-xl bg-passive-5',
hasBottomInset && 'pb-safe-bottom',
forceFullHeightOnMobile && 'h-full', forceFullHeightOnMobile && 'h-full',
)} )}
style={{ style={{