diff --git a/src/status_im/chat/styles/message.cljs b/src/status_im/chat/styles/message.cljs index 5bb60573d4..93f1472389 100644 --- a/src/status_im/chat/styles/message.cljs +++ b/src/status_im/chat/styles/message.cljs @@ -1,15 +1,15 @@ (ns status-im.chat.styles.message (:require [status-im.components.styles :refer [font - color-light-blue-transparent - color-white - color-black - color-blue - selected-message-color - online-color - text1-color - text2-color]] + color-light-blue-transparent + color-white + color-black + color-blue + selected-message-color + online-color + text1-color + text2-color]] [status-im.constants :refer [text-content-type - content-type-command]])) + content-type-command]])) (def style-message-text {:fontSize 14 @@ -153,16 +153,13 @@ :backgroundColor (:color command) :transform [{:scale scale}]}) -(defn command-image-view - [command] - {:position :absolute - :top 0 - :right 0 - :width 24 - :height 24 - :borderRadius 50 - :backgroundColor (:color command) - :alignItems :center}) +(def command-image-view + {:position :absolute + :top 0 + :right 0 + :width 24 + :height 24 + :alignItems :center}) (def command-request-image {:position :absolute @@ -197,8 +194,10 @@ (def command-image {:margin-top 5 - :width 12 - :height 13}) + :width 12 + :height 13 + :tint-color :#a9a9a9cc}) + (def command-text (merge style-message-text {:marginTop 8 diff --git a/src/status_im/chat/views/message.cljs b/src/status_im/chat/views/message.cljs index 656cb72631..87dc476731 100644 --- a/src/status_im/chat/views/message.cljs +++ b/src/status_im/chat/views/message.cljs @@ -69,7 +69,7 @@ (str "!" (:name command))]]] ;; todo doesn't reflect design (when-let [icon (:icon command)] - [view (st/command-image-view command) + [view st/command-image-view [image {:source {:uri icon} :style st/command-image}]]) (if preview