mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-01-29 01:28:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix style issue of reply placeholder

Browse source
This commit is contained in:
Ajay Bura 2025-01-26 09:40:22 +05:30
parent b524778039
commit 11024dbc93
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/components/message/Reply.tsx
View file

@ -21,7 +21,6 @@ export const ReplyLayout = as<'div', ReplyLayoutProps>(
<Box <Box
className={classNames(css.Reply, className)} className={classNames(css.Reply, className)}
alignItems="Center" alignItems="Center"
alignSelf="Start"
gap="100" gap="100"
{...props} {...props}
ref={ref} ref={ref}
@ -38,7 +37,7 @@ export const ReplyLayout = as<'div', ReplyLayoutProps>(
); );
export const ThreadIndicator = as<'div'>(({ ...props }, ref) => ( export const ThreadIndicator = as<'div'>(({ ...props }, ref) => (
<Box className={css.ThreadIndicator} alignItems="Center" alignSelf="Start" {...props} ref={ref}> <Box className={css.ThreadIndicator} alignItems="Center" {...props} ref={ref}>
<Icon className={css.ThreadIndicatorIcon} src={Icons.Message} /> <Icon className={css.ThreadIndicatorIcon} src={Icons.Message} />
<Text size="T200">Threaded reply</Text> <Text size="T200">Threaded reply</Text>
</Box> </Box>
@ -74,7 +73,7 @@ export const Reply = as<'div', ReplyProps>(
const bodyJSX = body ? scaleSystemEmoji(trimReplyFromBody(body)) : fallbackBody; const bodyJSX = body ? scaleSystemEmoji(trimReplyFromBody(body)) : fallbackBody;
return ( return (
<Box direction="Column" {...props} ref={ref}> <Box direction="Column" alignItems="Start" {...props} ref={ref}>
{threadRootId && ( {threadRootId && (
<ThreadIndicator as="button" data-event-id={threadRootId} onClick={onClick} /> <ThreadIndicator as="button" data-event-id={threadRootId} onClick={onClick} />
)} )}
@ -100,7 +99,7 @@ export const Reply = as<'div', ReplyProps>(
style={{ style={{
backgroundColor: color.SurfaceVariant.ContainerActive, backgroundColor: color.SurfaceVariant.ContainerActive,
maxWidth: toRem(placeholderWidth), maxWidth: toRem(placeholderWidth),
width: '100%', width: '100vw',
}} }}
/> />
)} )}