hmb HF Staff Claude Sonnet 4.6 commited on
Commit
bc95f8c
Β·
1 Parent(s): 20ea20f

Add style/cancellation options, colour picker, transparency fixes, label colours

Browse files
Files changed (1) hide show
  1. app.py +8 -10
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;opacity:.3">
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)