AaronTekle commited on
Commit
9bf72ed
·
verified ·
1 Parent(s): 76396fa

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +8 -2
app.py CHANGED
@@ -451,8 +451,11 @@ body { color: var(--text) !important; }
451
  border: 1px solid var(--stroke) !important;
452
  border-radius: 24px !important;
453
  box-shadow: 0 24px 65px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.028);
454
- overflow: hidden;
455
- backdrop-filter: blur(18px);
 
 
 
456
  padding-top: 0 !important;
457
  }
458
 
@@ -932,6 +935,9 @@ button.secondary, button:not(.primary) { border-radius: 11px !important; }
932
  inset: 0;
933
  pointer-events: none;
934
  border-radius: inherit;
 
 
 
935
  box-shadow:
936
  inset 0 0 60px rgba(49,215,255,.018),
937
  inset 0 0 90px rgba(139,92,246,.012);
 
451
  border: 1px solid var(--stroke) !important;
452
  border-radius: 24px !important;
453
  box-shadow: 0 24px 65px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.028);
454
+ /* Gradio dropdown menus are position:fixed and use viewport coordinates.
455
+ Do not put backdrop-filter on this ancestor or the menus are offset. */
456
+ overflow: visible;
457
+ backdrop-filter: none;
458
+ -webkit-backdrop-filter: none;
459
  padding-top: 0 !important;
460
  }
461
 
 
935
  inset: 0;
936
  pointer-events: none;
937
  border-radius: inherit;
938
+ /* Keep the glass effect on a non-ancestor layer so fixed dropdowns stay viewport-anchored. */
939
+ backdrop-filter: blur(18px);
940
+ -webkit-backdrop-filter: blur(18px);
941
  box-shadow:
942
  inset 0 0 60px rgba(49,215,255,.018),
943
  inset 0 0 90px rgba(139,92,246,.012);