Update static/style.css
Browse files- static/style.css +33 -10
static/style.css
CHANGED
|
@@ -163,25 +163,48 @@ form#chatForm {
|
|
| 163 |
justify-content: space-around;
|
| 164 |
}
|
| 165 |
|
| 166 |
-
|
| 167 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 168 |
display: none;
|
| 169 |
}
|
| 170 |
|
| 171 |
-
#configPanel.minimal .model-
|
| 172 |
-
|
| 173 |
-
|
|
|
|
| 174 |
}
|
| 175 |
|
| 176 |
-
#configPanel.
|
| 177 |
display: none;
|
|
|
|
|
|
|
| 178 |
}
|
| 179 |
|
| 180 |
-
.model-zone {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 181 |
display: flex;
|
| 182 |
-
flex-direction: column;
|
| 183 |
-
align-items: center;
|
| 184 |
-
text-align: center;
|
| 185 |
}
|
| 186 |
|
| 187 |
#chatContainer {
|
|
|
|
| 163 |
justify-content: space-around;
|
| 164 |
}
|
| 165 |
|
| 166 |
+
.model-zone {
|
| 167 |
+
display: flex;
|
| 168 |
+
flex-direction: column;
|
| 169 |
+
align-items: center;
|
| 170 |
+
text-align: center;
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
/* --- Minimal Mode --- */
|
| 174 |
+
#configPanel.minimal .model-label,
|
| 175 |
+
#configPanel.minimal .dropdown {
|
| 176 |
display: none;
|
| 177 |
}
|
| 178 |
|
| 179 |
+
#configPanel.minimal .model-name {
|
| 180 |
+
display: block;
|
| 181 |
+
font-weight: bold;
|
| 182 |
+
margin-top: 0.25rem;
|
| 183 |
}
|
| 184 |
|
| 185 |
+
#configPanel.minimal .loader {
|
| 186 |
display: none;
|
| 187 |
+
justify-content: center;
|
| 188 |
+
margin-top: 0.25rem;
|
| 189 |
}
|
| 190 |
|
| 191 |
+
#configPanel.minimal .model-zone.loading .loader {
|
| 192 |
+
display: flex;
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
/* --- Expanded Mode --- */
|
| 196 |
+
#configPanel.expanded .model-label,
|
| 197 |
+
#configPanel.expanded .dropdown,
|
| 198 |
+
#configPanel.expanded .model-name {
|
| 199 |
+
display: block;
|
| 200 |
+
}
|
| 201 |
+
|
| 202 |
+
#configPanel.expanded .loader {
|
| 203 |
+
display: none;
|
| 204 |
+
}
|
| 205 |
+
|
| 206 |
+
#configPanel.expanded .model-zone.loading .loader {
|
| 207 |
display: flex;
|
|
|
|
|
|
|
|
|
|
| 208 |
}
|
| 209 |
|
| 210 |
#chatContainer {
|