:zap: [Enhance] Background color when inferring
Browse files- .gitignore +2 -1
- components/chat_operator.js +2 -2
- css/default.css +7 -3
.gitignore
CHANGED
@@ -1,2 +1,3 @@
|
|
1 |
node_modules
|
2 |
-
package-lock.json
|
|
|
|
1 |
node_modules
|
2 |
+
package-lock.json
|
3 |
+
.vscode
|
components/chat_operator.js
CHANGED
@@ -62,7 +62,7 @@ export function get_latest_assistant_messager() {
|
|
62 |
export function start_latest_message_animation() {
|
63 |
get_latest_assistant_messager()
|
64 |
.find(".content-displayer")
|
65 |
-
.addClass("
|
66 |
get_latest_assistant_messager()
|
67 |
.find(".button-group")
|
68 |
.find(".regenerate-button")
|
@@ -73,7 +73,7 @@ export function start_latest_message_animation() {
|
|
73 |
export function stop_latest_message_animation() {
|
74 |
get_latest_assistant_messager()
|
75 |
.find(".content-displayer")
|
76 |
-
.removeClass("
|
77 |
get_latest_assistant_messager()
|
78 |
.find(".button-group")
|
79 |
.find(".regenerate-button")
|
|
|
62 |
export function start_latest_message_animation() {
|
63 |
get_latest_assistant_messager()
|
64 |
.find(".content-displayer")
|
65 |
+
.addClass("inferring");
|
66 |
get_latest_assistant_messager()
|
67 |
.find(".button-group")
|
68 |
.find(".regenerate-button")
|
|
|
73 |
export function stop_latest_message_animation() {
|
74 |
get_latest_assistant_messager()
|
75 |
.find(".content-displayer")
|
76 |
+
.removeClass("inferring");
|
77 |
get_latest_assistant_messager()
|
78 |
.find(".button-group")
|
79 |
.find(".regenerate-button")
|
css/default.css
CHANGED
@@ -80,13 +80,13 @@
|
|
80 |
|
81 |
@keyframes blink {
|
82 |
0% {
|
83 |
-
|
84 |
}
|
85 |
50% {
|
86 |
-
|
87 |
}
|
88 |
100% {
|
89 |
-
|
90 |
}
|
91 |
}
|
92 |
|
@@ -94,6 +94,10 @@
|
|
94 |
animation: blink 2s infinite;
|
95 |
}
|
96 |
|
|
|
|
|
|
|
|
|
97 |
.fa:hover {
|
98 |
color: lightsalmon;
|
99 |
}
|
|
|
80 |
|
81 |
@keyframes blink {
|
82 |
0% {
|
83 |
+
background-color: transparent;
|
84 |
}
|
85 |
50% {
|
86 |
+
background-color: antiquewhite;
|
87 |
}
|
88 |
100% {
|
89 |
+
background-color: transparent;
|
90 |
}
|
91 |
}
|
92 |
|
|
|
94 |
animation: blink 2s infinite;
|
95 |
}
|
96 |
|
97 |
+
.inferring {
|
98 |
+
background-color: rgba(255, 147, 40, 0.25);
|
99 |
+
}
|
100 |
+
|
101 |
.fa:hover {
|
102 |
color: lightsalmon;
|
103 |
}
|