:zap: [Enhance] Set messager components to fixed widths
Browse files
apps/llm_mixer/js/messager.js
CHANGED
@@ -17,7 +17,7 @@ export class MessagerViewer {
|
|
17 |
}
|
18 |
create_role_displayer() {
|
19 |
this.role_displayer = $("<div>")
|
20 |
-
.addClass("col-
|
21 |
.addClass("role-displayer");
|
22 |
if (this.message.role === "user") {
|
23 |
this.role_displayer.append("You");
|
@@ -27,14 +27,14 @@ export class MessagerViewer {
|
|
27 |
}
|
28 |
create_content_displayer() {
|
29 |
this.content_displayer = $("<div>")
|
30 |
-
.addClass("col p-2")
|
31 |
.addClass("content-displayer")
|
32 |
.addClass(`chat-${this.message.role}`)
|
33 |
.append(this.message.content);
|
34 |
}
|
35 |
create_button_group() {
|
36 |
this.button_group = $("<div>")
|
37 |
-
.addClass("col-
|
38 |
.addClass("button-group");
|
39 |
|
40 |
this.edit_button = $("<button>")
|
|
|
17 |
}
|
18 |
create_role_displayer() {
|
19 |
this.role_displayer = $("<div>")
|
20 |
+
.addClass("col-2 p-2")
|
21 |
.addClass("role-displayer");
|
22 |
if (this.message.role === "user") {
|
23 |
this.role_displayer.append("You");
|
|
|
27 |
}
|
28 |
create_content_displayer() {
|
29 |
this.content_displayer = $("<div>")
|
30 |
+
.addClass("col-8 p-2")
|
31 |
.addClass("content-displayer")
|
32 |
.addClass(`chat-${this.message.role}`)
|
33 |
.append(this.message.content);
|
34 |
}
|
35 |
create_button_group() {
|
36 |
this.button_group = $("<div>")
|
37 |
+
.addClass("col-2")
|
38 |
.addClass("button-group");
|
39 |
|
40 |
this.edit_button = $("<button>")
|