Spaces:
Running on Zero
Running on Zero
Tighten inference parameter layout and invert prompt drag yaw
Browse files
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 |
-
|
| 307 |
-
|
|
|
|
| 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
|
| 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 |
}
|