Update src/streamlit_app.py

src/streamlit_app.py

@@ -85,29 +85,38 @@ def display_status_and_action(text):
         # HTML 스타일 및 오디오 출력
         audio_html = f"""
             <style>
-                .audio-container {{
+                .audio-fixed-bottom {{
+                    position: fixed;
+                    bottom: 0;
+                    right: 20px;
+                    width: calc(100% - 40px);
+                    background-color: #f0f0f0;
+                    padding: 10px 20px;
+                    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
+                    z-index: 9999;
                     display: flex;
                     align-items: center;
                     gap: 10px;
-                    margin-top: 20px;
-                    padding: 10px;
-                    background-color: #f9f9f9;
-                    border-radius: 10px;
-                    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+                    border-radius: 10px 10px 0 0;
                 }}
                 .audio-icon {{
                     font-size: 24px;
                     cursor: pointer;
                 }}
+                .audio-icon[title]:hover::after {{
+                    content: attr(title);
+                    position: absolute;
+                    background: #333;
+                    color: #fff;
+                    padding: 5px 8px;
+                    border-radius: 5px;
+                    white-space: nowrap;
+                    font-size: 12px;
+                    top: -35px;
+                    right: 0;
+                    z-index: 10000;
+                }}
             </style>
-            
-            <div class="audio-container">
-                <div class="audio-icon" title="위 내용을 음성으로 듣기">🔊</div>
-                <audio controls>
-                    <source src="data:audio/mp3;base64,{audio_base64}" type="audio/mp3">
-                    브라우저가 오디오 태그를 지원하지 않습니다.
-                </audio>
-            </div>
         """
         
         # HTML 렌더링