Hansimov commited on
Commit
2e70541
1 Parent(s): d1f0f2d

:zap: [Enhance] Move scrollbar to rightest of page

Browse files
apps/llm_mixer/index.html CHANGED
@@ -25,8 +25,10 @@
25
  <link rel="stylesheet" href="./js/default.css" />
26
  </head>
27
  <body>
28
- <div class="container">
29
- <div id="messagers-container" class="container mt-3"></div>
 
 
30
  <div id="user-interactions" class="container fixed-bottom mb-3">
31
  <div class="mt-2 row no-gutters">
32
  <div class="col-auto">
@@ -74,10 +76,9 @@
74
  <div class="mt-3">
75
  <button id="prev-user-input" class="btn btn-dark">
76
  <span class="fa fa-arrow-left"></span>
77
- Prev Input
78
  </button>
79
  <button id="next-user-input" class="btn btn-dark">
80
- Next Input <span class="fa fa-arrow-right"></span>
81
  </button>
82
  </div>
83
  </div>
 
25
  <link rel="stylesheet" href="./js/default.css" />
26
  </head>
27
  <body>
28
+ <div id="main-container">
29
+ <div id="chat-session-container">
30
+ <div id="messagers-container" class="container mt-3"></div>
31
+ </div>
32
  <div id="user-interactions" class="container fixed-bottom mb-3">
33
  <div class="mt-2 row no-gutters">
34
  <div class="col-auto">
 
76
  <div class="mt-3">
77
  <button id="prev-user-input" class="btn btn-dark">
78
  <span class="fa fa-arrow-left"></span>
 
79
  </button>
80
  <button id="next-user-input" class="btn btn-dark">
81
+ <span class="fa fa-arrow-right"></span>
82
  </button>
83
  </div>
84
  </div>
apps/llm_mixer/js/default.css CHANGED
@@ -14,7 +14,7 @@
14
  cursor: pointer;
15
  }
16
 
17
- #messagers-container {
18
  overflow-y: auto;
19
  }
20
 
 
14
  cursor: pointer;
15
  }
16
 
17
+ #chat-session-container {
18
  overflow-y: auto;
19
  }
20
 
apps/llm_mixer/js/main.js CHANGED
@@ -74,7 +74,7 @@ function set_user_input_history_buttons_state() {
74
  function adjust_messagers_container_max_height() {
75
  var user_interaction_height = $("#user-interactions").outerHeight(true);
76
  var page_height = $(window).height();
77
- $("#messagers-container").css(
78
  "max-height",
79
  page_height - user_interaction_height - 30 + "px"
80
  );
 
74
  function adjust_messagers_container_max_height() {
75
  var user_interaction_height = $("#user-interactions").outerHeight(true);
76
  var page_height = $(window).height();
77
+ $("#chat-session-container").css(
78
  "max-height",
79
  page_height - user_interaction_height - 30 + "px"
80
  );