Hugging Face's logo

Spaces:
telecomsxchange
/
OpenTextShield
Sleeping

App Files Community
ajamous commited on
Commit
05cb3a4
·
verified ·
1 Parent(s): afc0367

fix: clamp container width so phones get no horizontal scroll

Browse files
Files changed (1) hide show
  1. app.py +1 -1
app.py CHANGED
@@ -128,7 +128,7 @@ CSS = """
128
  --ots-paper:#15171A; --ots-surface:#1C1F23; --ots-ink:#E9EBEC; --ots-muted:#9AA0A6;
129
  --ots-hair:#2C3035; --ots-ham:#4CC38A; --ots-spam:#E5A04D; --ots-phishing:#F0655A;
130
  }
131
- .gradio-container { max-width: 780px !important; margin: 0 auto !important; }
132
  .ots-header { display:flex; align-items:flex-end; justify-content:space-between;
133
  flex-wrap:wrap; gap:12px; padding:8px 0 4px; border-bottom:1px solid var(--ots-hair); }
134
  .ots-brand { display:flex; align-items:center; gap:14px; }
 
128
  --ots-paper:#15171A; --ots-surface:#1C1F23; --ots-ink:#E9EBEC; --ots-muted:#9AA0A6;
129
  --ots-hair:#2C3035; --ots-ham:#4CC38A; --ots-spam:#E5A04D; --ots-phishing:#F0655A;
130
  }
131
+ .gradio-container { max-width: min(780px, 100%) !important; margin: 0 auto !important; }
132
  .ots-header { display:flex; align-items:flex-end; justify-content:space-between;
133
  flex-wrap:wrap; gap:12px; padding:8px 0 4px; border-bottom:1px solid var(--ots-hair); }
134
  .ots-brand { display:flex; align-items:center; gap:14px; }