Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -698,13 +698,17 @@ footer{display:none!important}
|
|
| 698 |
background:rgba(173,255,47,.03);transition:all .2s ease;gap:8px;text-align:center;
|
| 699 |
overflow:hidden;
|
| 700 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 701 |
.upload-click-area:hover{background:rgba(173,255,47,.08);border-color:#ADFF2F;transform:scale(1.02)}
|
| 702 |
.upload-click-area:active{background:rgba(173,255,47,.12);transform:scale(.99)}
|
| 703 |
.upload-click-area svg{width:86px;height:86px;max-width:100%;flex-shrink:0}
|
| 704 |
.upload-main-text{color:#a1a1aa;font-size:14px;font-weight:600;margin-top:4px}
|
| 705 |
.upload-sub-text{color:#71717a;font-size:12px}
|
| 706 |
.upload-url-box{
|
| 707 |
-
|
| 708 |
align-items:center;justify-content:center;flex-wrap:wrap;
|
| 709 |
}
|
| 710 |
.upload-url-input{
|
|
@@ -1506,10 +1510,12 @@ with gr.Blocks() as demo:
|
|
| 1506 |
<div class="app-main-left">
|
| 1507 |
<div id="image-drop-zone">
|
| 1508 |
<div id="upload-prompt" class="upload-prompt-modern">
|
| 1509 |
-
<div
|
| 1510 |
-
|
| 1511 |
-
|
| 1512 |
-
|
|
|
|
|
|
|
| 1513 |
<div class="upload-url-box">
|
| 1514 |
<input id="image-url-input" class="upload-url-input" type="url" placeholder="...or paste an image URL">
|
| 1515 |
<button id="image-url-btn" class="upload-url-btn" type="button">Use URL</button>
|
|
|
|
| 698 |
background:rgba(173,255,47,.03);transition:all .2s ease;gap:8px;text-align:center;
|
| 699 |
overflow:hidden;
|
| 700 |
}
|
| 701 |
+
.upload-prompt-stack{
|
| 702 |
+
display:flex;flex-direction:column;align-items:center;justify-content:center;
|
| 703 |
+
gap:14px;width:min(560px,100%);max-width:100%;
|
| 704 |
+
}
|
| 705 |
.upload-click-area:hover{background:rgba(173,255,47,.08);border-color:#ADFF2F;transform:scale(1.02)}
|
| 706 |
.upload-click-area:active{background:rgba(173,255,47,.12);transform:scale(.99)}
|
| 707 |
.upload-click-area svg{width:86px;height:86px;max-width:100%;flex-shrink:0}
|
| 708 |
.upload-main-text{color:#a1a1aa;font-size:14px;font-weight:600;margin-top:4px}
|
| 709 |
.upload-sub-text{color:#71717a;font-size:12px}
|
| 710 |
.upload-url-box{
|
| 711 |
+
display:flex;gap:8px;width:min(520px,100%);max-width:100%;
|
| 712 |
align-items:center;justify-content:center;flex-wrap:wrap;
|
| 713 |
}
|
| 714 |
.upload-url-input{
|
|
|
|
| 1510 |
<div class="app-main-left">
|
| 1511 |
<div id="image-drop-zone">
|
| 1512 |
<div id="upload-prompt" class="upload-prompt-modern">
|
| 1513 |
+
<div class="upload-prompt-stack">
|
| 1514 |
+
<div id="upload-click-area" class="upload-click-area">
|
| 1515 |
+
{UPLOAD_PREVIEW_SVG}
|
| 1516 |
+
<span class="upload-main-text">Click or drag an image here</span>
|
| 1517 |
+
<span class="upload-sub-text">Upload one document, page, receipt, screenshot, or scene image for OCR and vision tasks</span>
|
| 1518 |
+
</div>
|
| 1519 |
<div class="upload-url-box">
|
| 1520 |
<input id="image-url-input" class="upload-url-input" type="url" placeholder="...or paste an image URL">
|
| 1521 |
<button id="image-url-btn" class="upload-url-btn" type="button">Use URL</button>
|