adjust inset for chatlist on web

2026-05-18 10:19:31 +03:00
parent 45597de6e0
commit ef978cce91
2 changed files with 3 additions and 5 deletions
@@ -319,9 +319,7 @@ let MessageItem = ({
              t.atoms.border_contrast_low,
              t.atoms.shadow_xs,
              hasSelfReacted
-                ? {
-                    backgroundColor: t.palette.primary_100,
-                  }
+                ? {backgroundColor: t.palette.primary_100}
                : t.atoms.bg_contrast_25,
              {
                paddingTop: platform({android: 2, default: 3}),
@@ -384,7 +382,7 @@ let MessageItem = ({
  const messageInset = platform<ViewStyle | undefined>({
    ios: isFromSelf ? a.mr_md : isGroupChat ? a.ml_md : a.ml_sm,
    android: isFromSelf ? a.mr_sm : isGroupChat ? a.ml_sm : undefined,
-    web: isFromSelf ? a.mr_sm : isGroupChat ? a.ml_sm : undefined,
+    web: isFromSelf ? a.mr_lg : isGroupChat ? a.ml_lg : undefined,
  })

  return (
@@ -525,7 +525,7 @@ export function MessagesList({
            style={web({
              scrollbarWidth: 'thin',
              scrollbarColor: `${t.palette.contrast_100} transparent`,
-              scrollbarGutter: 'stable both-edges',
+              scrollbarGutter: 'stable',
            })}
            contentInset={{top: transparentHeaderHeight}}
            scrollIndicatorInsets={{top: transparentHeaderHeight}}