adjust inset for chatlist on web
This commit is contained in:
@@ -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}}
|
||||||
|
|||||||
Reference in New Issue
Block a user