diff --git a/src/components/messenger/feed/components/post/index.tsx b/src/components/messenger/feed/components/post/index.tsx index c5232bd94..c9e1a22c7 100644 --- a/src/components/messenger/feed/components/post/index.tsx +++ b/src/components/messenger/feed/components/post/index.tsx @@ -18,21 +18,25 @@ export const Post = ({ avatarUrl, text, nickname, author, timestamp }: PostProps return (
-
+
{multilineText}
} details={ - <> +
{/* @ts-ignore */} - {nickname} + + {nickname} + {/* @ts-ignore */} - {author} - + + {author} + +
} - options={} + options={} />
); diff --git a/src/components/messenger/feed/components/post/styles.module.scss b/src/components/messenger/feed/components/post/styles.module.scss index 9d77c91c6..e6d9201a3 100644 --- a/src/components/messenger/feed/components/post/styles.module.scss +++ b/src/components/messenger/feed/components/post/styles.module.scss @@ -1,3 +1,5 @@ +@import '../../../../../glass'; + .Container { display: flex; gap: 8px; @@ -7,3 +9,36 @@ padding: 0; flex: 1; } + +.Body { + font-size: 14px; +} + +.Avatar { + pointer-events: none; +} + +.UserDetails { + display: flex; + flex-direction: column; +} + +.Name { + font-size: 14px; + font-weight: 600; + line-height: 14px; +} + +.UserName { + font-size: 12px; + line-height: normal; + + @include glass-text-secondary-color; +} + +.Date { + font-size: 12px; + line-height: normal; + + @include glass-text-secondary-color; +}