Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
|
@@ -574,5 +574,62 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
|
|
| 574 |
queue=True
|
| 575 |
)
|
| 576 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 577 |
demo.queue(max_size=30, api_open=False)
|
| 578 |
demo.launch()
|
|
|
|
| 574 |
queue=True
|
| 575 |
)
|
| 576 |
|
| 577 |
+
|
| 578 |
+
|
| 579 |
+
# 예시 테이블 추가
|
| 580 |
+
gr.HTML("""
|
| 581 |
+
<div style="margin-top: 2em; padding: 1em;">
|
| 582 |
+
<h2 style="text-align: center; color: #2196F3; margin-bottom: 1em;">Examples</h2>
|
| 583 |
+
<table style="width: 100%; border-collapse: collapse; margin: auto; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
|
| 584 |
+
<thead>
|
| 585 |
+
<tr style="background: #f7f7f7;">
|
| 586 |
+
<th style="padding: 1em; border: 1px solid #ddd;">Step</th>
|
| 587 |
+
<th style="padding: 1em; border: 1px solid #ddd;">Example 1</th>
|
| 588 |
+
<th style="padding: 1em; border: 1px solid #ddd;">Example 2</th>
|
| 589 |
+
</tr>
|
| 590 |
+
</thead>
|
| 591 |
+
<tbody>
|
| 592 |
+
<tr>
|
| 593 |
+
<td style="padding: 1em; border: 1px solid #ddd;">Upload Image</td>
|
| 594 |
+
<td style="padding: 1em; border: 1px solid #ddd;">
|
| 595 |
+
<img src="file/aa1.png" style="max-width: 150px; height: auto;">
|
| 596 |
+
</td>
|
| 597 |
+
<td style="padding: 1em; border: 1px solid #ddd;">
|
| 598 |
+
<img src="file/ab1.png" style="max-width: 150px; height: auto;">
|
| 599 |
+
</td>
|
| 600 |
+
</tr>
|
| 601 |
+
<tr>
|
| 602 |
+
<td style="padding: 1em; border: 1px solid #ddd;">Object Extract</td>
|
| 603 |
+
<td style="padding: 1em; border: 1px solid #ddd;">text</td>
|
| 604 |
+
<td style="padding: 1em; border: 1px solid #ddd;">sunglasses</td>
|
| 605 |
+
</tr>
|
| 606 |
+
<tr>
|
| 607 |
+
<td style="padding: 1em; border: 1px solid #ddd;">Background Prompt</td>
|
| 608 |
+
<td style="padding: 1em; border: 1px solid #ddd;">The Alps in Spring with Blossoming Flowers</td>
|
| 609 |
+
<td style="padding: 1em; border: 1px solid #ddd;">하와이 beach</td>
|
| 610 |
+
</tr>
|
| 611 |
+
<tr>
|
| 612 |
+
<td style="padding: 1em; border: 1px solid #ddd;">Object Cutoff Image</td>
|
| 613 |
+
<td style="padding: 1em; border: 1px solid #ddd;">
|
| 614 |
+
<img src="file/aa2.png" style="max-width: 150px; height: auto;">
|
| 615 |
+
</td>
|
| 616 |
+
<td style="padding: 1em; border: 1px solid #ddd;">
|
| 617 |
+
<img src="file/ab2.png" style="max-width: 150px; height: auto;">
|
| 618 |
+
</td>
|
| 619 |
+
</tr>
|
| 620 |
+
<tr>
|
| 621 |
+
<td style="padding: 1em; border: 1px solid #ddd;">Result Image</td>
|
| 622 |
+
<td style="padding: 1em; border: 1px solid #ddd;">
|
| 623 |
+
<img src="file/aa3.png" style="max-width: 150px; height: auto;">
|
| 624 |
+
</td>
|
| 625 |
+
<td style="padding: 1em; border: 1px solid #ddd;">
|
| 626 |
+
<img src="file/ab3.png" style="max-width: 150px; height: auto;">
|
| 627 |
+
</td>
|
| 628 |
+
</tr>
|
| 629 |
+
</tbody>
|
| 630 |
+
</table>
|
| 631 |
+
</div>
|
| 632 |
+
""")
|
| 633 |
+
|
| 634 |
demo.queue(max_size=30, api_open=False)
|
| 635 |
demo.launch()
|