Spaces:
Sleeping
Sleeping
Add style/cancellation options, colour picker, transparency fixes, label colours
Browse files
app.py
CHANGED
|
@@ -438,9 +438,12 @@ select, .dropdown { background: white !important; color: #3D2E1E !important; }
|
|
| 438 |
[data-testid="image"] button, [data-testid="image"] .toolbar { background: transparent !important; border: none !important; box-shadow: none !important; color: #8A7660 !important; }
|
| 439 |
|
| 440 |
/* βββ Labels βββ */
|
| 441 |
-
label > span, fieldset > span, [data-testid="radio-group"] > span, .container > span:first-child
|
|
|
|
|
|
|
| 442 |
font-size: .65rem !important; font-weight: 700 !important;
|
| 443 |
letter-spacing: .14em !important; text-transform: uppercase !important;
|
|
|
|
| 444 |
}
|
| 445 |
|
| 446 |
/* βββ Radio pills βββ */
|
|
@@ -518,10 +521,10 @@ HEADER_HTML = """
|
|
| 518 |
"""
|
| 519 |
|
| 520 |
SECTION_DIVIDER = """
|
| 521 |
-
<div style="margin:8px 0 4px;display:flex;align-items:center;gap:10px;
|
| 522 |
-
<div style="flex:1;height:1px;background:repeating-linear-gradient(90deg,#8A7660 0,#8A7660 4px,transparent 4px,transparent 8px)"></div>
|
| 523 |
-
<span style="font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:#3D2E1E;text-transform:uppercase;white-space:nowrap">your collection</span>
|
| 524 |
-
<div style="flex:1;height:1px;background:repeating-linear-gradient(90deg,#8A7660 0,#8A7660 4px,transparent 4px,transparent 8px)"></div>
|
| 525 |
</div>
|
| 526 |
"""
|
| 527 |
|
|
@@ -608,11 +611,6 @@ with gr.Blocks(title="stamp maker β¦") as demo:
|
|
| 608 |
elem_classes=["preview-img"],
|
| 609 |
)
|
| 610 |
|
| 611 |
-
gr.Examples(
|
| 612 |
-
examples=[["realdog.jpg"]],
|
| 613 |
-
inputs=[img_in],
|
| 614 |
-
)
|
| 615 |
-
|
| 616 |
gr.HTML(SECTION_DIVIDER)
|
| 617 |
gallery_out = gr.HTML(value=gallery_html([]))
|
| 618 |
export_btn = gr.DownloadButton("download collection β", variant="secondary", visible=False)
|
|
|
|
| 438 |
[data-testid="image"] button, [data-testid="image"] .toolbar { background: transparent !important; border: none !important; box-shadow: none !important; color: #8A7660 !important; }
|
| 439 |
|
| 440 |
/* βββ Labels βββ */
|
| 441 |
+
label > span, fieldset > span, [data-testid="radio-group"] > span, .container > span:first-child,
|
| 442 |
+
[data-testid="color-picker"] label, [data-testid="color-picker"] span,
|
| 443 |
+
.gradio-container label span, .block label span {
|
| 444 |
font-size: .65rem !important; font-weight: 700 !important;
|
| 445 |
letter-spacing: .14em !important; text-transform: uppercase !important;
|
| 446 |
+
color: #3D2E1E !important;
|
| 447 |
}
|
| 448 |
|
| 449 |
/* βββ Radio pills βββ */
|
|
|
|
| 521 |
"""
|
| 522 |
|
| 523 |
SECTION_DIVIDER = """
|
| 524 |
+
<div style="margin:8px 0 4px;display:flex;align-items:center;gap:10px;">
|
| 525 |
+
<div style="flex:1;height:1px;background:repeating-linear-gradient(90deg,#8A7660 0,#8A7660 4px,transparent 4px,transparent 8px);opacity:.3"></div>
|
| 526 |
+
<span style="font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:#3D2E1E;text-transform:uppercase;white-space:nowrap;">your collection</span>
|
| 527 |
+
<div style="flex:1;height:1px;background:repeating-linear-gradient(90deg,#8A7660 0,#8A7660 4px,transparent 4px,transparent 8px);opacity:.3"></div>
|
| 528 |
</div>
|
| 529 |
"""
|
| 530 |
|
|
|
|
| 611 |
elem_classes=["preview-img"],
|
| 612 |
)
|
| 613 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 614 |
gr.HTML(SECTION_DIVIDER)
|
| 615 |
gallery_out = gr.HTML(value=gallery_html([]))
|
| 616 |
export_btn = gr.DownloadButton("download collection β", variant="secondary", visible=False)
|