about summary refs log tree commit diff
path: root/src/view/com/posts/FeedItem.tsx
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-02-23 12:26:25 -0600
committerPaul Frazee <pfrazee@gmail.com>2023-02-23 12:26:25 -0600
commita014b4e6cbe9c397233c2ffe16c4417c68d1f15f (patch)
tree830c2c38e94448650c419f743ce3668c4561dc15 /src/view/com/posts/FeedItem.tsx
parentac655a0cf4170b87cd0865580844c09d95546a66 (diff)
downloadvoidsky-a014b4e6cbe9c397233c2ffe16c4417c68d1f15f.tar.zst
Tweak approach to the viewheader
Diffstat (limited to 'src/view/com/posts/FeedItem.tsx')
-rw-r--r--src/view/com/posts/FeedItem.tsx10
1 files changed, 9 insertions, 1 deletions
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 67807b14e..9a652d389 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -22,6 +22,7 @@ import {s} from 'lib/styles'
 import {useStores} from 'state/index'
 import {usePalette} from 'lib/hooks/usePalette'
 import {useAnalytics} from 'lib/analytics'
+import {isDesktopWeb} from 'platform/detection'
 
 export const FeedItem = observer(function ({
   item,
@@ -108,8 +109,9 @@ export const FeedItem = observer(function ({
   const isNoTop = isChild && !item._isThreadChild
   const outerStyles = [
     styles.outer,
+    isDesktopWeb && styles.outerDesktopWeb,
     pal.view,
-    {borderTopColor: pal.colors.border},
+    {borderColor: pal.colors.border},
     isSmallTop ? styles.outerSmallTop : undefined,
     isNoTop ? styles.outerNoTop : undefined,
     item._isThreadParent ? styles.outerNoBottom : undefined,
@@ -273,6 +275,11 @@ const styles = StyleSheet.create({
     paddingRight: 15,
     paddingBottom: 8,
   },
+  outerDesktopWeb: {
+    borderWidth: 1,
+    borderRadius: 4,
+    marginBottom: 10,
+  },
   outerNoTop: {
     borderTopWidth: 0,
     paddingTop: 0,
@@ -282,6 +289,7 @@ const styles = StyleSheet.create({
   },
   outerNoBottom: {
     paddingBottom: 2,
+    marginBottom: 0,
   },
   topReplyLine: {
     position: 'absolute',