Update app.py

app.py

@@ -33,15 +33,13 @@ def show_prayer_and_music(prayer_selection, music_selection):
     music_url = music_urls.get(music_selection, "")
 
     html_code = f"""
-    <audio id="background-music" controls autoplay loop>
-      <source src="{music_url}" type="audio/mpeg">
-      Your browser does not support the audio element.
-    </audio>
-    <style>
-      body {{
-        background-color: #f5f5dc; /* 연한 베이지색 */
-      }}
-    </style>
+    <div style="text-align: center; padding: 20px; background-color: #FFF8E7; border-radius: 15px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);">
+        <h3 style="color: #6B4226; font-family: 'Arial', sans-serif;">포근한 기도와 음악</h3>
+        <audio id="background-music" controls autoplay loop style="width: 100%; max-width: 400px; margin-top: 10px;">
+          <source src="{music_url}" type="audio/mpeg">
+          Your browser does not support the audio element.
+        </audio>
+    </div>
     """
     
     return prayer_text, html_code
@@ -71,16 +69,16 @@ prayer_options = [
 
 music_options = ["음악 1", "음악 2"]
 
-prayer_dropdown = gr.Dropdown(choices=prayer_options, label="기도문 선택")
-music_dropdown = gr.Dropdown(choices=music_options, label="배경음악 선택")
-output_text = gr.Textbox(label="기도문")
-output_html = gr.HTML(label="배경음악")
-
-interface = gr.Interface(
-    fn=show_prayer_and_music, 
-    inputs=[prayer_dropdown, music_dropdown], 
-    outputs=[output_text, output_html], 
-    live=True
-)
-
+with gr.Blocks(css="body { background-color: #FAF3E0; font-family: 'Nanum Myeongjo', serif; }") as interface:
+    gr.Markdown("### 🙏 포근한 기도와 음악 🎶")
+    
+    with gr.Row():
+        prayer_dropdown = gr.Dropdown(choices=prayer_options, label="기도문 선택")
+        music_dropdown = gr.Dropdown(choices=music_options, label="배경음악 선택")
+    
+    output_text = gr.Textbox(label="기도문", interactive=False, lines=8)
+    output_html = gr.HTML(label="배경음악")
+    
+    gr.Button("기도 시작").click(show_prayer_and_music, inputs=[prayer_dropdown, music_dropdown], outputs=[output_text, output_html])
+    
 interface.launch()