:zap: [Enhance] Icon hover effects, and select padding
Browse files
apps/llm_mixer/index.html
CHANGED
@@ -30,7 +30,7 @@
|
|
30 |
title="Available Models"
|
31 |
></select>
|
32 |
</div>
|
33 |
-
<div class="col-auto">
|
34 |
<select
|
35 |
class="form-select"
|
36 |
id="temperature-select"
|
|
|
30 |
title="Available Models"
|
31 |
></select>
|
32 |
</div>
|
33 |
+
<div class="col-auto px-0">
|
34 |
<select
|
35 |
class="form-select"
|
36 |
id="temperature-select"
|
apps/llm_mixer/js/buttons_binder.js
CHANGED
@@ -69,7 +69,7 @@ export class ButtonsBinder {
|
|
69 |
button_icon
|
70 |
.removeClass()
|
71 |
.addClass("fa fa-paper-plane")
|
72 |
-
.
|
73 |
}
|
74 |
bind() {
|
75 |
this.bind_send_user_input();
|
|
|
69 |
button_icon
|
70 |
.removeClass()
|
71 |
.addClass("fa fa-paper-plane")
|
72 |
+
.addClass("icon-success");
|
73 |
}
|
74 |
bind() {
|
75 |
this.bind_send_user_input();
|
apps/llm_mixer/js/default.css
CHANGED
@@ -75,3 +75,11 @@
|
|
75 |
.blinking {
|
76 |
animation: blink 2s infinite;
|
77 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
75 |
.blinking {
|
76 |
animation: blink 2s infinite;
|
77 |
}
|
78 |
+
|
79 |
+
.fa:hover {
|
80 |
+
color: lightsalmon;
|
81 |
+
}
|
82 |
+
|
83 |
+
.icon-success {
|
84 |
+
color: green;
|
85 |
+
}
|