Hugging Face's logo

Spaces:
Hansimov
/
llm-mixer
Running

App Files Community
Hansimov commited on
Commit
6d96d53
•
1 Parent(s): d1331b4

:zap: [Enhance] Re-positioning UI components

Browse files
Files changed (1) hide show
  1. index.html +27 -19
index.html CHANGED
@@ -37,22 +37,24 @@
37
  <ul id="chat-history-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
38
  </ul>
39
  </div>
40
- <div class="d-flex justify-content-start mb-3">
 
41
  <button id="clear-chat-history-button" class="btn">
42
  <i class="fa fa-trash"></i>
43
  </button>
44
  </div>
 
 
 
 
45
  </div>
46
- <div id="chat-session-container" class="container">
47
- <div id="messagers-container" class="container mt-3 py-1"></div>
48
- </div>
49
- <div id="user-interactions" class="container fixed-bottom mb-3">
50
- <div id="endpoint-and-api-key-items">
51
  </div>
52
- <div class="mt-2 row no-gutters">
 
 
53
  <div class="col-auto">
54
- <button id="add-endpoint-and-api-key-item-button" class="btn px-0 ">
55
- <i class="fa fa-circle-plus"></i>
56
  </button>
57
  </div>
58
  <div class="col-auto">
@@ -63,25 +65,31 @@
63
  <div class="col px-0">
64
  <select class="form-select" id="available-models-select" title="Available Models"></select>
65
  </div>
66
- <!-- <div class="col-auto pr-0">
67
- <select class="form-select" id="temperature-select" title="Temperature"></select>
68
- </div> -->
69
- <div class="col-auto">
70
- <button id="screenshot-button" class="btn px-0">
71
- <i class="fa fa-camera"></i>
72
- </button>
73
- </div>
74
  <div class="col-auto">
75
  <button id="scroll-to-bottom-button" class="btn px-0">
76
  <i class="fa fa-angles-down"></i>
77
  </button>
78
  </div>
79
  <div class="col-auto">
80
- <button id="chat-history-sidebar-toggle-button" class="btn px-0">
81
- <i class="fa fa-bars"></i>
 
 
 
 
 
 
 
 
 
82
  </button>
83
  </div>
84
  </div>
 
 
 
 
 
85
  <div class="my-2 row no-gutters">
86
  <div class="col-auto pr-0">
87
  <button id="new-chat-session" class="btn px-0">
 
37
  <ul id="chat-history-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
38
  </ul>
39
  </div>
40
+ <div class="my-2 row no-gutters justify-content-end">
41
+ <div class="col">
42
  <button id="clear-chat-history-button" class="btn">
43
  <i class="fa fa-trash"></i>
44
  </button>
45
  </div>
46
+ <div class="col">
47
+ <button id="screenshot-button" class="btn">
48
+ <i class="fa fa-camera"></i>
49
+ </button>
50
  </div>
 
 
 
 
 
51
  </div>
52
+ </div>
53
+ <div id="top-toolbar" class="container fixed-top mt-2 pb-2">
54
+ <div class="mt-2 row no-gutters justify-content-start">
55
  <div class="col-auto">
56
+ <button id="chat-history-sidebar-toggle-button" class="btn px-0">
57
+ <i class="fa fa-bars"></i>
58
  </button>
59
  </div>
60
  <div class="col-auto">
 
65
  <div class="col px-0">
66
  <select class="form-select" id="available-models-select" title="Available Models"></select>
67
  </div>
 
 
 
 
 
 
 
 
68
  <div class="col-auto">
69
  <button id="scroll-to-bottom-button" class="btn px-0">
70
  <i class="fa fa-angles-down"></i>
71
  </button>
72
  </div>
73
  <div class="col-auto">
74
+ <button id="toggle-agents-sidebar-button" class="btn px-0">
75
+ <i class="fa fa-user"></i>
76
+ </button>
77
+ </div>
78
+ </div>
79
+ <div class="row no-gutters justify-content-start">
80
+ <div id="endpoint-and-api-key-items">
81
+ </div>
82
+ <div class="col-auto mt-2">
83
+ <button id="add-endpoint-and-api-key-item-button" class="btn px-0">
84
+ <i class="fa fa-circle-plus"></i>
85
  </button>
86
  </div>
87
  </div>
88
+ </div>
89
+ <div id="chat-session-container" class="container">
90
+ <div id="messagers-container" class="container"></div>
91
+ </div>
92
+ <div id="user-interactions" class="container fixed-bottom mb-3">
93
  <div class="my-2 row no-gutters">
94
  <div class="col-auto pr-0">
95
  <button id="new-chat-session" class="btn px-0">