buttons

app.py

@@ -637,30 +637,16 @@ with gr.Blocks(title="Vevo DEMO") as demo:
         gr.HTML("""
         <div style="display: flex; justify-content: center; gap: 8px; margin: 20px 0;">
             <a href="https://arxiv.org/abs/2502.07243" target="_blank" style="text-decoration: none;">
-                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
-                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">arXiv</span>
-                    <span style="background-color: #c44e52; color: white; padding: 5px 8px; font-size: 14px;">Paper</span>
-                </div>
+                <img alt="arXiv Paper" src="https://img.shields.io/badge/arXiv-Paper-red">
             </a>
             <a href="https://openreview.net/pdf?id=anQDiQZhDP" target="_blank" style="text-decoration: none;">
-                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
-                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">ICLR</span>
-                    <span style="background-color: #55a868; color: white; padding: 5px 8px; font-size: 14px;">Paper</span>
-                </div>
+                <img alt="ICLR Paper" src="https://img.shields.io/badge/ICLR-Paper-green">
             </a>
             <a href="https://huggingface.co/amphion/Vevo" target="_blank" style="text-decoration: none;">
-                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
-                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">
-                        <span style="font-size: 14px;">🤗</span> HuggingFace
-                    </span>
-                    <span style="background-color: #eeca3b; color: white; padding: 5px 8px; font-size: 14px;">Model</span>
-                </div>
+                <img alt="HuggingFace Model" src="https://img.shields.io/badge/%F0%9F%A4%97%20HuggingFace-Model-yellow">
             </a>
             <a href="https://github.com/open-mmlab/Amphion/tree/main/models/vc/vevo" target="_blank" style="text-decoration: none;">
-                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
-                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">GitHub</span>
-                    <span style="background-color: #4c72b0; color: white; padding: 5px 8px; font-size: 14px;">Repo</span>
-                </div>
+                <img alt="GitHub Repo" src="https://img.shields.io/badge/GitHub-Repo-blue">
             </a>
         </div>
         """)
@@ -705,7 +691,7 @@ with gr.Blocks(title="Vevo DEMO") as demo:
         gr.Markdown("### Vevo-TTS: Text-to-speech with separate style and timbre references")
         with gr.Row():
             with gr.Column():
-                tts_text = gr.Textbox(label="Input Text", placeholder="Enter text to synthesize...", lines=3)
+                tts_text = gr.Textbox(label="Target Text", placeholder="Enter text to synthesize...", lines=3)
                 tts_src_language = gr.Dropdown(["en", "zh", "de", "fr", "ja", "ko"], label="Text Language", value="en")
                 tts_reference = gr.Audio(label="Style Reference", type="numpy")                
                 tts_style_ref_text = gr.Textbox(label="Style Reference Text", placeholder="Enter style reference text...", lines=3)