:zap: [Enhance] Layout of screenshot button and available models select
Browse files
apps/llm_mixer/index.html
CHANGED
|
@@ -65,27 +65,26 @@
|
|
| 65 |
<i class="fa fa-key"></i>
|
| 66 |
</button>
|
| 67 |
</div>
|
| 68 |
-
<div class="col
|
| 69 |
<select
|
| 70 |
class="form-select"
|
| 71 |
id="available-models-select"
|
| 72 |
title="Available Models"
|
| 73 |
></select>
|
| 74 |
</div>
|
| 75 |
-
<div class="col-auto">
|
| 76 |
<select
|
| 77 |
class="form-select"
|
| 78 |
id="temperature-select"
|
| 79 |
title="Temperature"
|
| 80 |
></select>
|
| 81 |
</div>
|
| 82 |
-
<div class="col"
|
| 83 |
-
<div class="col-auto pl-0">
|
| 84 |
<button id="screenshot-button" class="btn px-0">
|
| 85 |
<i class="fa fa-camera"></i>
|
| 86 |
</button>
|
| 87 |
</div>
|
| 88 |
-
<div class="col-auto
|
| 89 |
<button id="scroll-to-bottom-button" class="btn px-0">
|
| 90 |
<i class="fa fa-angles-down"></i>
|
| 91 |
</button>
|
|
|
|
| 65 |
<i class="fa fa-key"></i>
|
| 66 |
</button>
|
| 67 |
</div>
|
| 68 |
+
<div class="col px-0">
|
| 69 |
<select
|
| 70 |
class="form-select"
|
| 71 |
id="available-models-select"
|
| 72 |
title="Available Models"
|
| 73 |
></select>
|
| 74 |
</div>
|
| 75 |
+
<div class="col-auto pr-0">
|
| 76 |
<select
|
| 77 |
class="form-select"
|
| 78 |
id="temperature-select"
|
| 79 |
title="Temperature"
|
| 80 |
></select>
|
| 81 |
</div>
|
| 82 |
+
<div class="col-auto">
|
|
|
|
| 83 |
<button id="screenshot-button" class="btn px-0">
|
| 84 |
<i class="fa fa-camera"></i>
|
| 85 |
</button>
|
| 86 |
</div>
|
| 87 |
+
<div class="col-auto">
|
| 88 |
<button id="scroll-to-bottom-button" class="btn px-0">
|
| 89 |
<i class="fa fa-angles-down"></i>
|
| 90 |
</button>
|
apps/llm_mixer/js/default.css
CHANGED
|
@@ -39,7 +39,7 @@
|
|
| 39 |
}
|
| 40 |
|
| 41 |
#temperature-select {
|
| 42 |
-
max-width:
|
| 43 |
}
|
| 44 |
|
| 45 |
.fa-spin-fast {
|
|
|
|
| 39 |
}
|
| 40 |
|
| 41 |
#temperature-select {
|
| 42 |
+
max-width: 75px;
|
| 43 |
}
|
| 44 |
|
| 45 |
.fa-spin-fast {
|