From 36323d82f11d85136c6d9c81730007d0573b4982 Mon Sep 17 00:00:00 2001
From: liwenrui <liwenrui@easycorp.ltd>
Date: Wed, 8 Nov 2023 08:44:35 +0800
Subject: [PATCH] * tweak chat reset button styles.

---
 module/ai/css/chat.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/module/ai/css/chat.css b/module/ai/css/chat.css
index 14b303f331..18cf44c8d2 100644
--- a/module/ai/css/chat.css
+++ b/module/ai/css/chat.css
@@ -12,14 +12,14 @@ body {background-color: #fff; background-image: url("data:image/svg+xml,%3csvg x
 .message-container-assistant .message-content {background: #f1f1f1; padding: 8px; border-radius: 8px 8px 8px 0;}
 .message-container-error .message-content {background: #ffdddd; padding: 2px 8px; border-radius: 8px;}
 
-.chat-input {display: flex; justify-content: space-between; bottom: 0; width: calc(100% - 16px); margin: 8px;}
+.chat-input {display: flex; justify-content: space-between; align-items: flex-end; bottom: 0; width: calc(100% - 16px); margin: 8px;}
 .chat-input textarea {flex: 1; margin-right: 4px; line-height: 1.5; height: 40px; min-height: 40px; padding: 9px 36px 9px 12px; border: 1px solid transparent; border-radius: 8px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(225deg, #ff2070, #9670ff, #258dff) border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none;}
 .chat-input input[type=submit] {position: absolute; left: 236px; bottom: 12px; width: 40px; height: 40px; padding: 0; border: none; border-radius: 4px; outline: none; background: linear-gradient(225deg, #ff2070, #9670ff, #258dff); mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.788 6.995H8.5c.301 0 .502.201.502.502 0 .3-.2.501-.502.501H3.788c0 .1-.1.201-.1.402L.98 14.016l14.04-6.52L.98.979l2.707 5.616c.1.2.1.301.1.401ZM15.422 8.4 1.38 14.919c-.502.2-1.104 0-1.304-.502-.1-.3-.1-.602 0-.902l2.708-5.617c.1-.3.1-.602 0-.903L.077 1.38C-.123.878.077.276.578.075c.2-.1.602-.1.803 0l14.04 6.52c.502.2.703.802.502 1.303-.1.2-.3.401-.501.502Z"/></svg>'); -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.788 6.995H8.5c.301 0 .502.201.502.502 0 .3-.2.501-.502.501H3.788c0 .1-.1.201-.1.402L.98 14.016l14.04-6.52L.98.979l2.707 5.616c.1.2.1.301.1.401ZM15.422 8.4 1.38 14.919c-.502.2-1.104 0-1.304-.502-.1-.3-.1-.602 0-.902l2.708-5.617c.1-.3.1-.602 0-.903L.077 1.38C-.123.878.077.276.578.075c.2-.1.602-.1.803 0l14.04 6.52c.502.2.703.802.502 1.303-.1.2-.3.401-.501.502Z"/></svg>'); mask-position: center; -webkit-mask-position: center; mask-origin: padding-box; -webkit-mask-origin: padding-box; background-repeat: no-repeat; background-position: center; background-size: 16px 15px; mask-size: 16px 15px; -webkit-mask-size: 16px 15px; cursor: pointer;}
 .chat-input input[type=submit].disabled {cursor: unset; opacity: 0.5;}
 .chat-input input[type=submit]:not(.disabled):hover {transform: scale(1.1);}
 .chat-input textarea.has-scrollbar + input[type=submit] {left: 228px; width: 36px; mask-position: 20px 12.5px; -webkit-mask-position: 20px 12.5px; background-position: 20px 12.5px;}
 .chat-input textarea.busy, .chat-input input[type=submit].busy {cursor: wait; opacity: 0.5;}
-#reset {border: none; background: none; color: #9ea3b0; border-radius: 4px;}
+#reset {height: 40px; border: none; background: none; color: #9ea3b0; border-radius: 4px;}
 #reset.disabled {cursor: unset; opacity: 0.5;}
 #reset:not(.disabled):hover {color: #737a8c;}
 #reset.busy, #retry.busy {cursor: wait; opacity: 0.5;}