unijoh commited on
Commit
34cbd90
·
verified ·
1 Parent(s): 71bf31d

Upload app.py

Browse files
Files changed (1) hide show
  1. app.py +32 -10
app.py CHANGED
@@ -108,11 +108,6 @@ a{ color:var(--primary-700)!important; }
108
  box-shadow:none !important;
109
  border:0 !important;
110
  }
111
- #results_hdr, #results_hdr *{
112
- background:transparent !important;
113
- box-shadow:none !important;
114
- border:0 !important;
115
- }
116
  #results_hdr > .gr-column:first-child{ justify-self:start !important; }
117
  #results_hdr > .gr-column:last-child{ justify-self:end !important; }
118
 
@@ -226,16 +221,12 @@ a{ color:var(--primary-700)!important; }
226
  box-shadow:none !important;
227
  border:0 !important;
228
  }
229
- #results_hdr, #results_hdr *{
230
- background:transparent !important;
231
- box-shadow:none !important;
232
- border:0 !important;
233
- }
234
  #lang_buttons{
235
  display:flex !important;
236
  gap:10px !important;
237
  justify-content:flex-end !important;
238
  align-items:center !important;
 
239
  }
240
  #lang_buttons .gr-button, #lang_buttons button{
241
  padding:0.35rem 0.85rem !important;
@@ -259,6 +250,37 @@ a{ color:var(--primary-700)!important; }
259
  #lang_fo_on, #lang_en_on{
260
  color:#0b1b19 !important;
261
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
262
  """
263
 
264
  # ----------------------------
 
108
  box-shadow:none !important;
109
  border:0 !important;
110
  }
 
 
 
 
 
111
  #results_hdr > .gr-column:first-child{ justify-self:start !important; }
112
  #results_hdr > .gr-column:last-child{ justify-self:end !important; }
113
 
 
221
  box-shadow:none !important;
222
  border:0 !important;
223
  }
 
 
 
 
 
224
  #lang_buttons{
225
  display:flex !important;
226
  gap:10px !important;
227
  justify-content:flex-end !important;
228
  align-items:center !important;
229
+ flex-wrap:nowrap !important;
230
  }
231
  #lang_buttons .gr-button, #lang_buttons button{
232
  padding:0.35rem 0.85rem !important;
 
250
  #lang_fo_on, #lang_en_on{
251
  color:#0b1b19 !important;
252
  }
253
+
254
+ /* Keep header transparent, but DON'T nuke button backgrounds */
255
+ #results_hdr, #results_hdr > div{
256
+ background:transparent !important;
257
+ box-shadow:none !important;
258
+ border:0 !important;
259
+ }
260
+
261
+ /* Prevent Gradio from stacking/stretching language buttons */
262
+ #lang_buttons .gr-button, #lang_buttons button{
263
+ width:auto !important;
264
+ min-width:120px !important;
265
+ flex:0 0 auto !important;
266
+ }
267
+
268
+ /* Language button colors */
269
+ #lang_buttons .gr-button-primary, #lang_buttons button.primary{
270
+ background:#89AFA9 !important;
271
+ border-color:#6F9992 !important;
272
+ color:#0b1b19 !important;
273
+ }
274
+ #lang_buttons .gr-button-secondary, #lang_buttons button.secondary{
275
+ background:#C6DAD6 !important; /* light green */
276
+ border-color:#6F9992 !important;
277
+ color:#0b1b19 !important;
278
+ }
279
+ #lang_buttons .gr-button-secondary:hover, #lang_buttons button.secondary:hover{
280
+ background:#89AFA9 !important;
281
+ border-color:#6F9992 !important;
282
+ color:#0b1b19 !important;
283
+ }
284
  """
285
 
286
  # ----------------------------