adjust inset for chatlist on web

This commit is contained in:
Samuel Newman
2026-05-18 10:19:31 +03:00
parent 45597de6e0
commit ef978cce91
2 changed files with 3 additions and 5 deletions
+2 -4
View File
@@ -319,9 +319,7 @@ let MessageItem = ({
t.atoms.border_contrast_low, t.atoms.border_contrast_low,
t.atoms.shadow_xs, t.atoms.shadow_xs,
hasSelfReacted hasSelfReacted
? { ? {backgroundColor: t.palette.primary_100}
backgroundColor: t.palette.primary_100,
}
: t.atoms.bg_contrast_25, : t.atoms.bg_contrast_25,
{ {
paddingTop: platform({android: 2, default: 3}), paddingTop: platform({android: 2, default: 3}),
@@ -384,7 +382,7 @@ let MessageItem = ({
const messageInset = platform<ViewStyle | undefined>({ const messageInset = platform<ViewStyle | undefined>({
ios: isFromSelf ? a.mr_md : isGroupChat ? a.ml_md : a.ml_sm, ios: isFromSelf ? a.mr_md : isGroupChat ? a.ml_md : a.ml_sm,
android: isFromSelf ? a.mr_sm : isGroupChat ? a.ml_sm : undefined, 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 ( return (
@@ -525,7 +525,7 @@ export function MessagesList({
style={web({ style={web({
scrollbarWidth: 'thin', scrollbarWidth: 'thin',
scrollbarColor: `${t.palette.contrast_100} transparent`, scrollbarColor: `${t.palette.contrast_100} transparent`,
scrollbarGutter: 'stable both-edges', scrollbarGutter: 'stable',
})} })}
contentInset={{top: transparentHeaderHeight}} contentInset={{top: transparentHeaderHeight}}
scrollIndicatorInsets={{top: transparentHeaderHeight}} scrollIndicatorInsets={{top: transparentHeaderHeight}}