diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss index 961beace9..3ca2eaa1f 100644 --- a/src/components/left/main/Chat.scss +++ b/src/components/left/main/Chat.scss @@ -118,6 +118,10 @@ } } + .ListItem-button { + height: 72px; + } + .ripple-container { z-index: var(--z-chat-ripple); } @@ -466,7 +470,7 @@ .ChatTags { color: var(--color-chat-active); - background-color: #fff; + background-color: #ffffffab; } } } diff --git a/src/components/left/main/ChatTags.module.scss b/src/components/left/main/ChatTags.module.scss index 7c33803eb..cef958596 100644 --- a/src/components/left/main/ChatTags.module.scss +++ b/src/components/left/main/ChatTags.module.scss @@ -1,9 +1,12 @@ .wrapper { display: flex; gap: 0.25rem; + padding-top: 0.25rem; } .tag { + --custom-emoji-size: 0.75rem; + position: relative; flex-shrink: 0; @@ -12,21 +15,15 @@ padding: 0 0.25rem; border-radius: 0.25rem; - font-size: 0.5625rem; + font-size: 0.625rem; font-weight: var(--font-weight-medium); - line-height: 0.75rem; + line-height: 0.875rem; color: var(--accent-color); text-align: center; text-transform: uppercase; background-color: var(--accent-background-color); - :global(.emoji) { - width: 0.5625rem; - height: 0.5625rem; - margin-top: -0.0625rem; - } - &ColorMore { color: var(--color-text-secondary); } diff --git a/src/components/left/main/ChatTags.tsx b/src/components/left/main/ChatTags.tsx index 8475d6776..3b5f85c83 100644 --- a/src/components/left/main/ChatTags.tsx +++ b/src/components/left/main/ChatTags.tsx @@ -57,7 +57,7 @@ const ChatTags = ({ text: folder.title.text, entities: folder.title.entities, noCustomEmojiPlayback: folder.noTitleAnimations, - emojiSize: 9, + emojiSize: 12, })} );