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

chore: fix modal on mobile

Browse Source
This commit is contained in:
Aman Harwara
2023-05-05 19:46:40 +05:30
parent 071d5b1b56
commit b40c65871a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx
View File

@@ -16,13 +16,14 @@ const AlertDialog = ({
return (
<Dialog store={dialog} role="alertdialog" className="h-full w-full" backdropProps={{ className: '!z-modal' }}>
<div
className="absolute z-0 h-full w-full bg-passive-5 opacity-0 md:opacity-75"
className="absolute z-0 h-full w-full bg-passive-5 opacity-25 md:opacity-75"
role="presentation"
onClick={closeDialog}
/>
<div
className={classNames(
'absolute top-1/2 left-1/2 z-[1] max-w-[600px] -translate-x-1/2 -translate-y-1/2 rounded border border-border bg-default px-6 py-5 shadow-xl',
'absolute top-1/2 left-1/2 z-[1] -translate-x-1/2 -translate-y-1/2 rounded border border-border bg-default px-6 py-5 shadow-xl',
!className?.includes('max-w-') && 'max-w-[600px]',
className,
)}
>

2
packages/web/src/javascripts/Components/PremiumFeaturesModal/PremiumFeaturesModal.tsx
View File

@@ -30,7 +30,7 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
}
return (
<AlertDialog closeDialog={onClose} className="!max-w-89">
<AlertDialog closeDialog={onClose} className="w-full max-w-[90vw] md:max-w-89">
<div tabIndex={-1} className="sn-component bg-default">
<div tabIndex={0}>
{type === PremiumFeatureModalType.UpgradePrompt && (