Update app.py

app.py

@@ -108,6 +108,20 @@ CONFORM_OUTPUT_TO_SOURCE_FPS = os.getenv("SCAIL_CONFORM_OUTPUT_TO_SOURCE_FPS", "
 FPS_MATCH_EPSILON = float(os.getenv("SCAIL_FPS_MATCH_EPSILON", "0.05"))
 AUTO_AVOID_SEGMENT_TRUNCATION = os.getenv("SCAIL_AUTO_AVOID_SEGMENT_TRUNCATION", "1") == "1"
 MAX_AUTO_SEGMENT_LEN = int(os.getenv("SCAIL_MAX_AUTO_SEGMENT_LEN", "161"))
+UI_MAX_WIDTH = os.getenv("SCAIL_UI_MAX_WIDTH", "1180px")
+UI_CSS = f"""
+.gradio-container {{
+    max-width: {UI_MAX_WIDTH} !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+}}
+
+@media (max-width: 900px) {{
+    .gradio-container {{
+        max-width: 100% !important;
+    }}
+}}
+"""
 
 CLIP_CKPT_NAME = "models_clip_open-clip-xlm-roberta-large-vit-huge-14-onlyvisual.pth"
 ORIGINAL_DIT_REL_PATH = "model/1/fsdp2_rank_0000_checkpoint.pt"
@@ -1666,7 +1680,7 @@ def build_ui():
         else (None, None, None, None, "", "animation", [], "No prepared examples found.")
     )
 
-    with gr.Blocks(title="SCAIL-2 Character Animation Demo") as demo:
+    with gr.Blocks(title="SCAIL-2 Character Animation Demo", css=UI_CSS) as demo:
         gr.Markdown(
             "# SCAIL-2 Character Animation Demo\n"
             "Try SCAIL-2 from curated examples or from already-prepared custom inputs. "