rayli commited on
Commit
c7baf98
·
verified ·
1 Parent(s): 750feb6

Tighten inference parameter layout and invert prompt drag yaw

Browse files
Files changed (1) hide show
  1. app.py +32 -3
app.py CHANGED
@@ -197,15 +197,35 @@ DEMO_CSS = """
197
  }
198
  .inference-params-panel {
199
  flex: 0 0 auto !important;
 
 
 
 
200
  }
201
  .inference-params-static {
202
  border: 1px solid var(--demo-border) !important;
203
  border-radius: 6px !important;
204
  background: transparent !important;
205
  padding: 8px 10px !important;
 
 
 
206
  }
207
  .inference-params-panel .form {
208
  gap: 6px !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
209
  }
210
  .inference-params-title,
211
  .inference-params-title > div,
@@ -252,6 +272,14 @@ DEMO_CSS = """
252
  .toggle-switch span {
253
  color: var(--demo-text) !important;
254
  }
 
 
 
 
 
 
 
 
255
  .mesh-examples {
256
  flex: 0 0 auto;
257
  max-height: 180px;
@@ -303,8 +331,9 @@ DEMO_CSS = """
303
  }
304
  .prompt-panel .inference-params-panel {
305
  flex: 0 0 auto !important;
306
- max-height: 250px !important;
307
- overflow-y: auto !important;
 
308
  display: block !important;
309
  opacity: 1 !important;
310
  visibility: visible !important;
@@ -2244,7 +2273,7 @@ KINEMATIC_TREE_EDITOR_JS = r"""
2244
  state.promptDrag.moved = true;
2245
  }
2246
  if (state.promptDrag.moved) {
2247
- state.promptCamera.yaw = state.promptDrag.yaw + dx * 0.01;
2248
  state.promptCamera.pitch = state.promptDrag.pitch + dy * 0.01;
2249
  renderPromptMesh();
2250
  }
 
197
  }
198
  .inference-params-panel {
199
  flex: 0 0 auto !important;
200
+ height: auto !important;
201
+ min-height: 0 !important;
202
+ max-height: none !important;
203
+ overflow: visible !important;
204
  }
205
  .inference-params-static {
206
  border: 1px solid var(--demo-border) !important;
207
  border-radius: 6px !important;
208
  background: transparent !important;
209
  padding: 8px 10px !important;
210
+ height: auto !important;
211
+ min-height: 0 !important;
212
+ max-height: none !important;
213
  }
214
  .inference-params-panel .form {
215
  gap: 6px !important;
216
+ min-height: 0 !important;
217
+ padding: 0 !important;
218
+ background: transparent !important;
219
+ }
220
+ .inference-params-panel > div,
221
+ .inference-params-panel .block,
222
+ .inference-params-panel .wrap,
223
+ .inference-params-panel .checkbox,
224
+ .inference-params-panel .checkbox-group {
225
+ min-height: 0 !important;
226
+ margin-bottom: 0 !important;
227
+ padding-bottom: 0 !important;
228
+ background: transparent !important;
229
  }
230
  .inference-params-title,
231
  .inference-params-title > div,
 
272
  .toggle-switch span {
273
  color: var(--demo-text) !important;
274
  }
275
+ .toggle-switch,
276
+ .toggle-switch > div,
277
+ .toggle-switch label {
278
+ min-height: 0 !important;
279
+ margin-bottom: 0 !important;
280
+ padding-bottom: 0 !important;
281
+ background: transparent !important;
282
+ }
283
  .mesh-examples {
284
  flex: 0 0 auto;
285
  max-height: 180px;
 
331
  }
332
  .prompt-panel .inference-params-panel {
333
  flex: 0 0 auto !important;
334
+ height: auto !important;
335
+ max-height: none !important;
336
+ overflow: visible !important;
337
  display: block !important;
338
  opacity: 1 !important;
339
  visibility: visible !important;
 
2273
  state.promptDrag.moved = true;
2274
  }
2275
  if (state.promptDrag.moved) {
2276
+ state.promptCamera.yaw = state.promptDrag.yaw - dx * 0.01;
2277
  state.promptCamera.pitch = state.promptDrag.pitch + dy * 0.01;
2278
  renderPromptMesh();
2279
  }