cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 15:10:57 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix: properly align emoji name in autocompletion

Browse source
This commit is contained in:
Jan 2022-10-26 09:13:14 +02:00
parent 35fb6b4381
commit 0f0d41615b
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/common/AutoComplete.tsx
View file

@ -432,7 +432,12 @@ export default function AutoComplete({
}) })
} }
onClick={onClick}> onClick={onClick}>
<div> <div
style={{
display: "flex",
flexDirection: "row",
justifyContent: "center",
}}>
{match instanceof CustomEmoji ? ( {match instanceof CustomEmoji ? (
<img <img
loading="lazy" loading="lazy"
@ -455,11 +460,11 @@ export default function AutoComplete({
size={20} size={20}
/> />
)} )}
{`:${ <span style={{ paddingLeft: "4px" }}>{`:${
match instanceof CustomEmoji match instanceof CustomEmoji
? match.name ? match.name
: match : match
}:`} }:`}</span>
</div> </div>
{match instanceof CustomEmoji && {match instanceof CustomEmoji &&
match.parent.type == "Server" && ( match.parent.type == "Server" && (