diff options
| author | Hailey <me@haileyok.com> | 2024-05-30 21:32:54 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-31 05:32:54 +0100 |
| commit | 89c9fd3be16ea96182842544d76ce019cb8e1403 (patch) | |
| tree | 746f4319830142ba1bdac47fef8608f05e744c56 /src/view/com/util/Views.web.tsx | |
| parent | 8569e2e389e756ec2df6c547e894689500d1c111 (diff) | |
| download | voidsky-89c9fd3be16ea96182842544d76ce019cb8e1403.tar.zst | |
Change many border widths from `1` to `hairlineWidth` (#4294)
* feed items * update some more * moar * profile card * composer and notifications * settings screen * remove border from first item in feeds * remove border from first item in feeds * more removal of top border * fix flatlist rendering * oops * scroll to top fab * a.border * centeredview/list * placeholder * web sidebar * search posts * feeds list * user lists * list header * account list width 1 * hide top border feedgens * same for lists * fix tab bar web desktop * wait... * show the border on desktop web * fix lists * fix lists * round
Diffstat (limited to 'src/view/com/util/Views.web.tsx')
| -rw-r--r-- | src/view/com/util/Views.web.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/view/com/util/Views.web.tsx b/src/view/com/util/Views.web.tsx index 0ebd986cb..ffea9fe2e 100644 --- a/src/view/com/util/Views.web.tsx +++ b/src/view/com/util/Views.web.tsx @@ -26,6 +26,7 @@ import Animated from 'react-native-reanimated' import {usePalette} from 'lib/hooks/usePalette' import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {addStyle} from 'lib/styles' +import hairlineWidth = StyleSheet.hairlineWidth interface AddedProps { desktopFixedHeight?: boolean | number @@ -46,8 +47,8 @@ export const CenteredView = React.forwardRef(function CenteredView({ } if (sideBorders) { style = addStyle(style, { - borderLeftWidth: 1, - borderRightWidth: 1, + borderLeftWidth: hairlineWidth, + borderRightWidth: hairlineWidth, }) style = addStyle(style, pal.border) } @@ -159,8 +160,8 @@ export const ScrollView = React.forwardRef(function ScrollViewImpl( const styles = StyleSheet.create({ contentContainer: { - borderLeftWidth: 1, - borderRightWidth: 1, + borderLeftWidth: hairlineWidth, + borderRightWidth: hairlineWidth, // @ts-ignore web only minHeight: '100vh', }, |