Geraldine commited on
Commit
5111155
·
verified ·
1 Parent(s): 5f0d254

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +11 -5
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
- margin-top:14px;display:flex;gap:8px;width:min(520px,100%);max-width:100%;
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 id="upload-click-area" class="upload-click-area">
1510
- {UPLOAD_PREVIEW_SVG}
1511
- <span class="upload-main-text">Click or drag an image here</span>
1512
- <span class="upload-sub-text">Upload one document, page, receipt, screenshot, or scene image for OCR and vision tasks</span>
 
 
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>