:zap: [Enhance] Move scrollbar to rightest of page
Browse files- apps/llm_mixer/index.html +5 -4
- apps/llm_mixer/js/default.css +1 -1
- apps/llm_mixer/js/main.js +1 -1
apps/llm_mixer/index.html
CHANGED
@@ -25,8 +25,10 @@
|
|
25 |
<link rel="stylesheet" href="./js/default.css" />
|
26 |
</head>
|
27 |
<body>
|
28 |
-
<div
|
29 |
-
<div id="
|
|
|
|
|
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 |
-
|
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 |
-
#
|
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 |
-
$("#
|
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 |
);
|