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

feat: Make purchase flow modal mobile-friendly (#732)

Browse Source
This commit is contained in:
Aman Harwara
2021-11-11 19:27:46 +05:30
committed by GitHub
parent 1d5d205c98
commit 1e219699df
4 changed files with 89 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
View File

@@ -34,9 +34,9 @@ export const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> =
const { currentPane } = appState.purchaseFlow;
return (
<div className="flex items-center justify-center h-full w-full absolute top-left-0 z-index-purchase-flow bg-grey-2">
<div style={{maxWidth: '100%', overflow: 'scroll'}} className="relative fit-content">
<div style={{overflow: 'scroll'}} className="relative p-12 mb-4 bg-default border-1 border-solid border-main rounded">
<div className="flex items-center justify-center overflow-hidden h-full w-full absolute top-left-0 z-index-purchase-flow bg-grey-2">
<div className="relative fit-content">
<div className="relative p-12 xs:px-8 mb-4 bg-default border-1 border-solid border-main rounded xs:rounded-0">
<SNLogoFull className="mb-5" />
<PurchaseFlowPaneSelector
currentPane={currentPane}
@@ -44,7 +44,7 @@ export const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> =
application={application}
/>
</div>
<div className="flex justify-end">
<div className="flex justify-end xs:px-4">
<a
className="mr-3 font-medium color-grey-1"
href="https://standardnotes.com/privacy"