diff --git a/app/javascript/widget/components/Branding.vue b/app/javascript/widget/components/Branding.vue index 13ca811e9..ab4a7c603 100644 --- a/app/javascript/widget/components/Branding.vue +++ b/app/javascript/widget/components/Branding.vue @@ -5,7 +5,7 @@ rel="noreferrer noopener nofollow" target="_blank" > - + ChatwootLogo Powered by Chatwoot @@ -36,6 +36,7 @@ img { margin-right: $space-smaller; max-width: $space-slab; + max-height: $space-slab; } } diff --git a/app/javascript/widget/components/ChatSendButton.vue b/app/javascript/widget/components/ChatSendButton.vue index b9d21c335..fd5c0d342 100755 --- a/app/javascript/widget/components/ChatSendButton.vue +++ b/app/javascript/widget/components/ChatSendButton.vue @@ -5,11 +5,11 @@ class="send-button" @click="onClick" > - + class="ion-android-send icon-holder" + :style="`color: ${color}`" + /> @@ -57,13 +57,8 @@ export default { display: flex; align-items: center; justify-content: center; - fill: $color-white; - font-size: $font-size-big; + font-size: $font-size-large; font-weight: $font-weight-medium; - width: $space-two; - height: $space-two; - -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.34 7.32l-14-7a3 3 0 00-4.08 3.9l2.4 5.37c.11.262.11.558 0 .82l-2.4 5.37A3 3 0 003 20a3.14 3.14 0 001.35-.32l14-7a3 3 0 000-5.36h-.01zm-.89 3.57l-14 7a1 1 0 01-1.35-1.3l2.39-5.37a2 2 0 00.08-.22h6.89a1 1 0 000-2H4.57a2 2 0 00-.08-.22L2.1 3.41a1 1 0 011.35-1.3l14 7a1 1 0 010 1.78z' fill='%23999A9B' fill-rule='nonzero'/%3E%3C/svg%3E"); - mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.34 7.32l-14-7a3 3 0 00-4.08 3.9l2.4 5.37c.11.262.11.558 0 .82l-2.4 5.37A3 3 0 003 20a3.14 3.14 0 001.35-.32l14-7a3 3 0 000-5.36h-.01zm-.89 3.57l-14 7a1 1 0 01-1.35-1.3l2.39-5.37a2 2 0 00.08-.22h6.89a1 1 0 000-2H4.57a2 2 0 00-.08-.22L2.1 3.41a1 1 0 011.35-1.3l14 7a1 1 0 010 1.78z' fill='%23999A9B' fill-rule='nonzero'/%3E%3C/svg%3E"); } }