Fix border on some listing screens (#5115)
* Fix border on PostQuotes, add debug atom * Add util_screen_outer, apply to h_full_vh here neededzio/stable
parent
5c2e9f09bf
commit
ddda612c11
|
@ -1,9 +1,14 @@
|
|||
import {Platform, StyleSheet} from 'react-native'
|
||||
import {Platform, StyleSheet, ViewStyle} from 'react-native'
|
||||
|
||||
import * as tokens from '#/alf/tokens'
|
||||
import {native, web} from '#/alf/util/platform'
|
||||
|
||||
export const atoms = {
|
||||
debug: {
|
||||
borderColor: 'red',
|
||||
borderWidth: 1,
|
||||
},
|
||||
|
||||
/*
|
||||
* Positioning
|
||||
*/
|
||||
|
@ -55,6 +60,19 @@ export const atoms = {
|
|||
height: '100vh',
|
||||
}),
|
||||
|
||||
/**
|
||||
* Used for the outermost components on screens, to ensure that they can fill
|
||||
* the screen and extend beyond.
|
||||
*/
|
||||
util_screen_outer: [
|
||||
web({
|
||||
minHeight: '100vh',
|
||||
}),
|
||||
native({
|
||||
height: '100%',
|
||||
}),
|
||||
] as ViewStyle,
|
||||
|
||||
/*
|
||||
* Theme-independent bg colors
|
||||
*/
|
||||
|
|
|
@ -27,7 +27,7 @@ export const PostLikedByScreen = ({route}: Props) => {
|
|||
)
|
||||
|
||||
return (
|
||||
<CenteredView style={a.h_full_vh} sideBorders={true}>
|
||||
<CenteredView style={a.util_screen_outer} sideBorders={true}>
|
||||
<ListHeaderDesktop title={_(msg`Liked By`)} />
|
||||
<ViewHeader title={_(msg`Liked By`)} showBorder={!isWeb} />
|
||||
<PostLikedByComponent uri={uri} />
|
||||
|
|
|
@ -27,7 +27,7 @@ export const PostQuotesScreen = ({route}: Props) => {
|
|||
)
|
||||
|
||||
return (
|
||||
<CenteredView style={a.h_full_vh} sideBorders={true}>
|
||||
<CenteredView style={a.util_screen_outer} sideBorders={true}>
|
||||
<ListHeaderDesktop title={_(msg`Quotes`)} />
|
||||
<ViewHeader title={_(msg`Quotes`)} showBorder={!isWeb} />
|
||||
<PostQuotesComponent uri={uri} />
|
||||
|
|
|
@ -27,7 +27,7 @@ export const PostRepostedByScreen = ({route}: Props) => {
|
|||
)
|
||||
|
||||
return (
|
||||
<CenteredView style={a.h_full_vh} sideBorders={true}>
|
||||
<CenteredView style={a.util_screen_outer} sideBorders={true}>
|
||||
<ListHeaderDesktop title={_(msg`Reposted By`)} />
|
||||
<ViewHeader title={_(msg`Reposted By`)} showBorder={!isWeb} />
|
||||
<PostRepostedByComponent uri={uri} />
|
||||
|
|
|
@ -25,7 +25,7 @@ export const ProfileFollowersScreen = ({route}: Props) => {
|
|||
)
|
||||
|
||||
return (
|
||||
<CenteredView style={a.h_full_vh} sideBorders={true}>
|
||||
<CenteredView style={a.util_screen_outer} sideBorders={true}>
|
||||
<ListHeaderDesktop title={_(msg`Followers`)} />
|
||||
<ViewHeader title={_(msg`Followers`)} showBorder={!isWeb} />
|
||||
<ProfileFollowersComponent name={name} />
|
||||
|
|
|
@ -25,7 +25,7 @@ export const ProfileFollowsScreen = ({route}: Props) => {
|
|||
)
|
||||
|
||||
return (
|
||||
<CenteredView style={a.h_full_vh} sideBorders={true}>
|
||||
<CenteredView style={a.util_screen_outer} sideBorders={true}>
|
||||
<ListHeaderDesktop title={_(msg`Following`)} />
|
||||
<ViewHeader title={_(msg`Following`)} showBorder={!isWeb} />
|
||||
<ProfileFollowsComponent name={name} />
|
||||
|
|
Loading…
Reference in New Issue