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

fix: preferences on mobile webview when zoomed in (#1731)

Browse Source
This commit is contained in:
Aman Harwara
2022-10-04 17:24:48 +05:30
committed by GitHub
parent c1e6f8027e
commit 782cbee97e
4 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/Preferences/PreferencesComponents/PreferencesGroup.tsx
View File

@@ -3,7 +3,9 @@ import { FunctionComponent, ReactNode } from 'react'
const PreferencesGroup: FunctionComponent<{
children: ReactNode
}> = ({ children }) => (
<div className="mb-3 flex flex-col rounded border border-solid border-border bg-default p-6">{children}</div>
<div className="mb-3 flex max-w-full flex-col rounded border border-solid border-border bg-default p-6">
{children}
</div>
)
export default PreferencesGroup

2
packages/web/src/javascripts/Components/Preferences/PreferencesComponents/PreferencesPane.tsx
View File

@@ -3,7 +3,7 @@ import { FunctionComponent, ReactNode } from 'react'
const PreferencesPane: FunctionComponent<{ children?: ReactNode }> = ({ children }) => (
<div className="flex min-h-0 flex-grow flex-col overflow-y-auto text-foreground md:flex-row">
<div className="flex flex-grow flex-col items-center px-3 py-6 md:px-0">
<div className="flex flex-col md:w-125 md:max-w-125">
<div className="flex max-w-full flex-col md:w-125 md:max-w-125">
{children != undefined && Array.isArray(children) ? children.filter((child) => child != undefined) : children}
</div>
</div>