Spaces:
Configuration error
Configuration error
Update app.py
Browse files
app.py
CHANGED
|
@@ -309,4 +309,53 @@ with image_blocks as demo:
|
|
| 309 |
|
| 310 |
|
| 311 |
|
| 312 |
-
image_blocks.launch(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 309 |
|
| 310 |
|
| 311 |
|
| 312 |
+
image_blocks.launch(
|
| 313 |
+
show_api=False,
|
| 314 |
+
css="""
|
| 315 |
+
.loading-overlay {
|
| 316 |
+
position: fixed;
|
| 317 |
+
top: 0;
|
| 318 |
+
left: 0;
|
| 319 |
+
width: 100%;
|
| 320 |
+
height: 100%;
|
| 321 |
+
background-color: rgba(255, 255, 255, 0.8);
|
| 322 |
+
display: flex;
|
| 323 |
+
justify-content: center;
|
| 324 |
+
align-items: center;
|
| 325 |
+
z-index: 9999;
|
| 326 |
+
}
|
| 327 |
+
|
| 328 |
+
.loading-spinner {
|
| 329 |
+
text-align: center;
|
| 330 |
+
}
|
| 331 |
+
|
| 332 |
+
.spinner-circle {
|
| 333 |
+
width: 50px;
|
| 334 |
+
height: 50px;
|
| 335 |
+
border: 4px solid #f3f3f3;
|
| 336 |
+
border-top: 4px solid #3498db;
|
| 337 |
+
border-radius: 50%;
|
| 338 |
+
animation: spin 1s linear infinite;
|
| 339 |
+
margin: 0 auto 20px;
|
| 340 |
+
}
|
| 341 |
+
|
| 342 |
+
.spinner-text {
|
| 343 |
+
color: #3498db;
|
| 344 |
+
font-size: 18px;
|
| 345 |
+
font-weight: bold;
|
| 346 |
+
}
|
| 347 |
+
|
| 348 |
+
@keyframes spin {
|
| 349 |
+
0% { transform: rotate(0deg); }
|
| 350 |
+
100% { transform: rotate(360deg); }
|
| 351 |
+
}
|
| 352 |
+
""",
|
| 353 |
+
custom_css="""
|
| 354 |
+
<div class="loading-overlay">
|
| 355 |
+
<div class="loading-spinner">
|
| 356 |
+
<div class="spinner-circle"></div>
|
| 357 |
+
<div class="spinner-text">Dressify.Tech</div>
|
| 358 |
+
</div>
|
| 359 |
+
</div>
|
| 360 |
+
"""
|
| 361 |
+
)
|