Improve PreviewMessage icon; make button padding/margin more consistent

Co-authored-by: Andrew Grant <andrew.grant@mail.rit.edu>
This commit is contained in:
Vendicated 2024-02-06 17:50:45 +01:00
parent 7592b5c172
commit 685b6f2fa7
No known key found for this signature in database
GPG key ID: D66986BAF75ECF18
9 changed files with 31 additions and 28 deletions

View file

@ -100,12 +100,20 @@ const PreviewButton: ChatBarButton = (props, isMainChat) => {
)}
buttonProps={{
style: {
padding: "0 6px",
translate: "0 2px"
}
}}
>
<img width={24} height={24} src="https://discord.com/assets/4c5a77a89716352686f590a6f014770c.svg" />
<svg
fill="currentColor"
fillRule="evenodd"
width="24"
height="24"
viewBox="0 0 24 24"
style={{ scale: "1.096", translate: "0 -1px" }}
>
<path d="M22.89 11.7c.07.2.07.4 0 .6C22.27 13.9 19.1 21 12 21c-7.11 0-10.27-7.11-10.89-8.7a.83.83 0 0 1 0-.6C1.73 10.1 4.9 3 12 3c7.11 0 10.27 7.11 10.89 8.7Zm-4.5-3.62A15.11 15.11 0 0 1 20.85 12c-.38.88-1.18 2.47-2.46 3.92C16.87 17.62 14.8 19 12 19c-2.8 0-4.87-1.38-6.39-3.08A15.11 15.11 0 0 1 3.15 12c.38-.88 1.18-2.47 2.46-3.92C7.13 6.38 9.2 5 12 5c2.8 0 4.87 1.38 6.39 3.08ZM15.56 11.77c.2-.1.44.02.44.23a4 4 0 1 1-4-4c.21 0 .33.25.23.44a2.5 2.5 0 0 0 3.32 3.32Z" />
</svg>
</ChatBarButton>
);