about summary refs log tree commit diff
path: root/src/alf/atoms.ts
diff options
context:
space:
mode:
authorHailey <me@haileyok.com>2024-05-30 21:32:54 -0700
committerGitHub <noreply@github.com>2024-05-31 05:32:54 +0100
commit89c9fd3be16ea96182842544d76ce019cb8e1403 (patch)
tree746f4319830142ba1bdac47fef8608f05e744c56 /src/alf/atoms.ts
parent8569e2e389e756ec2df6c547e894689500d1c111 (diff)
downloadvoidsky-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/alf/atoms.ts')
-rw-r--r--src/alf/atoms.ts13
1 files changed, 7 insertions, 6 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts
index eb130f3ae..1ccb0460c 100644
--- a/src/alf/atoms.ts
+++ b/src/alf/atoms.ts
@@ -1,7 +1,8 @@
-import {Platform} from 'react-native'
+import {Platform, StyleSheet} from 'react-native'
 
 import * as tokens from '#/alf/tokens'
 import {native, web} from '#/alf/util/platform'
+import hairlineWidth = StyleSheet.hairlineWidth
 
 export const atoms = {
   /*
@@ -277,19 +278,19 @@ export const atoms = {
     borderWidth: 0,
   },
   border: {
-    borderWidth: 1,
+    borderWidth: hairlineWidth,
   },
   border_t: {
-    borderTopWidth: 1,
+    borderTopWidth: hairlineWidth,
   },
   border_b: {
-    borderBottomWidth: 1,
+    borderBottomWidth: hairlineWidth,
   },
   border_l: {
-    borderLeftWidth: 1,
+    borderLeftWidth: hairlineWidth,
   },
   border_r: {
-    borderRightWidth: 1,
+    borderRightWidth: hairlineWidth,
   },
 
   /*