Update app.py

app.py

@@ -104,10 +104,9 @@ def transcribe_speech(audio_file):
         audio = r.record(source)
     return r.recognize_google(audio)
 
-def update_font(size):
+def get_font_size(size):
     sizes = {"Small": "12px", "Medium": "16px", "Large": "20px"}
-    # Inject a style to set base font size (affects entire app)
-    return f"<style>.gradio-container {{ font-size: {sizes[size]} !important; }}</style>"
+    return sizes[size]
 
 @spaces.GPU(duration=75)
 def infer(prompt, seed=42, randomize_seed=False, width=1024, height=1024, guidance_scale=3.5, num_inference_steps=28, progress=gr.Progress(track_tqdm=True)):
@@ -180,9 +179,23 @@ with gr.Blocks(css="""
 .bot-msg { background: #f5f5f5; border-radius: 15px; padding: 10px; margin: 5px; }
 """) as demo:
     # Global controls: font size and voice input
-    font_choice = gr.Dropdown(choices=["Small", "Medium", "Large"], value="Medium", label="Font Size")
+    font_choice = gr.Dropdown(
+        choices=["Small", "Medium", "Large"],
+        value="Medium",
+        label="Font Size"
+    )
     font_style = gr.HTML()  # This will receive the injected CSS for font size
-    font_choice.change(fn=update_font, inputs=font_choice, outputs=font_style)
+        font_choice.change(
+        fn=get_font_size,
+        inputs=font_choice,
+        outputs=[],  # no output component needed
+        _js="""
+        (fontSize) => {
+            document.body.style.fontSize = fontSize;
+            return "";
+        }
+        """
+    )
 
     gr.Markdown("## Voice Input: Record your prompt")
     audio_input = gr.Audio(sources="microphone", type="filepath", label="Record your voice")