Hansimov commited on
Commit
5b497e6
1 Parent(s): a2d6a63

:zap: [Enhance] Set messager components to fixed widths

Browse files
Files changed (1) hide show
  1. apps/llm_mixer/js/messager.js +3 -3
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-auto p-2")
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-auto")
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>")