100vh settings screen (#4015)
parent
03da056513
commit
6b2635c870
|
@ -46,7 +46,7 @@ export function MessagesSettingsScreen({}: Props) {
|
||||||
if (!gate('dms')) return <ClipClopGate />
|
if (!gate('dms')) return <ClipClopGate />
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<CenteredView sideBorders>
|
<CenteredView sideBorders style={a.h_full_vh}>
|
||||||
<ViewHeader title={_(msg`Settings`)} showOnDesktop showBorder />
|
<ViewHeader title={_(msg`Settings`)} showOnDesktop showBorder />
|
||||||
<View style={[a.px_md, a.py_lg, a.gap_md]}>
|
<View style={[a.px_md, a.py_lg, a.gap_md]}>
|
||||||
<Text style={[a.text_xl, a.font_bold, a.px_sm]}>
|
<Text style={[a.text_xl, a.font_bold, a.px_sm]}>
|
||||||
|
|
|
@ -6,5 +6,14 @@ export function CenteredView({
|
||||||
sideBorders,
|
sideBorders,
|
||||||
...props
|
...props
|
||||||
}: React.PropsWithChildren<
|
}: React.PropsWithChildren<
|
||||||
ViewProps & {sideBorders?: boolean; topBorder?: boolean}
|
ViewProps & {
|
||||||
|
/**
|
||||||
|
* @platform web
|
||||||
|
*/
|
||||||
|
sideBorders?: boolean
|
||||||
|
/**
|
||||||
|
* @platform web
|
||||||
|
*/
|
||||||
|
topBorder?: boolean
|
||||||
|
}
|
||||||
>)
|
>)
|
||||||
|
|
|
@ -20,10 +20,11 @@ import {
|
||||||
View,
|
View,
|
||||||
ViewProps,
|
ViewProps,
|
||||||
} from 'react-native'
|
} from 'react-native'
|
||||||
import {addStyle} from 'lib/styles'
|
import Animated from 'react-native-reanimated'
|
||||||
|
|
||||||
import {usePalette} from 'lib/hooks/usePalette'
|
import {usePalette} from 'lib/hooks/usePalette'
|
||||||
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
|
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
|
||||||
import Animated from 'react-native-reanimated'
|
import {addStyle} from 'lib/styles'
|
||||||
|
|
||||||
interface AddedProps {
|
interface AddedProps {
|
||||||
desktopFixedHeight?: boolean | number
|
desktopFixedHeight?: boolean | number
|
||||||
|
|
Loading…
Reference in New Issue