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

@ -67,11 +67,13 @@ const SilentMessageToggle: ChatBarButton = (_, isMainChat) => {
<ChatBarButton
tooltip={enabled ? "Disable Silent Message" : "Enable Silent Message"}
onClick={() => setEnabledValue(!enabled)}
buttonProps={{
style: { padding: "0 6px" }
}}
>
<svg width="24" height="24" viewBox="0 0 24 24">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
style={{ scale: "1.2" }}
>
<path fill="currentColor" mask="url(#_)" d="M18 10.7101C15.1085 9.84957 13 7.17102 13 4c0-.30736.0198-.6101.0582-.907C12.7147 3.03189 12.3611 3 12 3 8.686 3 6 5.686 6 9v5c0 1.657-1.344 3-3 3v1h18v-1c-1.656 0-3-1.343-3-3v-3.2899ZM8.55493 19c.693 1.19 1.96897 2 3.44497 2s2.752-.81 3.445-2H8.55493ZM18.2624 5.50209 21 2.5V1h-4.9651v1.49791h2.4411L16 5.61088V7h5V5.50209h-2.7376Z" />
{!enabled && <>
<mask id="_">