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 {
|