Update app.py

app.py

@@ -50,7 +50,8 @@ class ThistleTheme(Soft):
         primary_hue: colors.Color | str = colors.gray,
         secondary_hue: colors.Color | str = colors.thistle,
         neutral_hue: colors.Color | str = colors.slate,
-        text_size: sizes.Size | str = sizes.text_md,
+        # Update: Increased base text size from md to lg
+        text_size: sizes.Size | str = sizes.text_lg,
         font: fonts.Font | str | Iterable[fonts.Font | str] = (
             fonts.GoogleFont("Inconsolata"), "Arial", "sans-serif",
         ),
@@ -106,12 +107,12 @@ thistle_theme = ThistleTheme()
 
 # --- Custom CSS ---
 css = """
-/* UI Zoom Effect */
-.gradio-container {
-    transform: scale(1.05);
-    transform-origin: top center;
-    margin-top: 25px;
-    padding-bottom: 25px;
+/* Update: Added styles to increase the size of the main titles */
+#main-title h1 {
+    font-size: 2.8em !important;
+}
+#output-title h2 {
+    font-size: 2.2em !important;
 }
 :root {
     --color-grey-50: #f9fafb;
@@ -186,22 +187,15 @@ model_q3vl = Qwen3VLMoeForConditionalGeneration.from_pretrained(
 # --- Backend Functions ---
 
 def extract_gif_frames(gif_path: str):
-    """
-    Extracts and downsamples frames from a GIF file.
-    """
     if not gif_path:
         return []
-    
     with Image.open(gif_path) as gif:
         total_frames = gif.n_frames
         frame_indices = np.linspace(0, total_frames - 1, min(total_frames, 10), dtype=int)
-        
         frames = []
         for i in frame_indices:
             gif.seek(i)
-            # Convert frame to RGB and append a copy
             frames.append(gif.convert("RGB").copy())
-            
     return frames
 
 def downsample_video(video_path):
@@ -394,7 +388,8 @@ pdf_examples = [["examples/sample-doc.pdf"]]
 
 with gr.Blocks(theme=thistle_theme, css=css) as demo:
     pdf_state = gr.State(value=get_initial_pdf_state())
-    gr.Markdown("# **Qwen3-VL-Processor**")
+    # Update: Added elem_id for CSS targeting
+    gr.Markdown("# **Qwen3-VL-Demo**", elem_id="main-title")
     with gr.Row():
         with gr.Column(scale=2):
             with gr.Tabs():
@@ -440,7 +435,8 @@ with gr.Blocks(theme=thistle_theme, css=css) as demo:
                 repetition_penalty = gr.Slider(label="Repetition penalty", minimum=1.0, maximum=2.0, step=0.05, value=1.2)
 
         with gr.Column(scale=3):
-            gr.Markdown("## Output")
+            # Update: Added elem_id for CSS targeting
+            gr.Markdown("## Output", elem_id="output-title")
             output = gr.Textbox(label="Raw Output Stream", interactive=False, lines=14, show_copy_button=True)
             with gr.Accordion("(Result.md)", open=False):
                 markdown_output = gr.Markdown(label="(Result.Md)")