Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* tweak chat reset button styles.

Browse Source
This commit is contained in:
liwenrui
2023-11-08 08:44:35 +08:00
parent f800ef94df
commit 36323d82f1
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/ai/css/chat.css
+2 -2
View File
@@ -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;}