randmimc commited on
Commit
e8655b1
ยท
verified ยท
1 Parent(s): 53d012a

Update src/streamlit_app.py

Browse files
Files changed (1) hide show
  1. src/streamlit_app.py +21 -6
src/streamlit_app.py CHANGED
@@ -61,14 +61,29 @@ def display_status_and_action(text):
61
 
62
  # ์˜ค๋””์˜ค ์ŠคํŠธ๋ฆผ ์žฌ์„ค์ • ํ›„ ์žฌ์ƒ
63
  mp3_fp.seek(0)
64
- col1, col2 = st.columns([1, 10])
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
65
 
66
- with col1:
67
- st.markdown("๐Ÿ”Š", help="์ƒํƒœ ๋ฐ ์กฐ์น˜์— ๋Œ€ํ•œ ๋ฉ”์‹œ์ง€๋ฅผ ์Œ์„ฑ์œผ๋กœ ๋“ค์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค")
68
 
69
- with col2:
70
- st.audio(mp3_fp, format="audio/mp3")
71
-
72
  # ์ƒํƒœ ๋ฐ ์กฐ์น˜ ์ถœ๋ ฅ
73
  display_status_and_action(selected_text)
74
 
 
61
 
62
  # ์˜ค๋””์˜ค ์ŠคํŠธ๋ฆผ ์žฌ์„ค์ • ํ›„ ์žฌ์ƒ
63
  mp3_fp.seek(0)
64
+ # CSS๋ฅผ ์ด์šฉํ•ด ์„ธ๋กœ ์ •๋ ฌ ๋ฐ help ์ œ๊ฑฐ ์Šคํƒ€์ผ ์ ์šฉ
65
+ st.markdown("""
66
+ <style>
67
+ .audio-container {
68
+ display: flex;
69
+ align-items: center;
70
+ gap: 10px;
71
+ }
72
+ .audio-icon {
73
+ font-size: 30px;
74
+ }
75
+ </style>
76
+ <div class="audio-container">
77
+ <div class="audio-icon">๐Ÿ”Š</div>
78
+ <div class="audio-player">
79
+ """, unsafe_allow_html=True)
80
 
81
+ # st.audio ์‚ฝ์ž…
82
+ st.audio(mp3_fp, format="audio/mp3")
83
 
84
+ # ๋‹ซ๋Š” div
85
+ st.markdown("</div></div>", unsafe_allow_html=True)
86
+
87
  # ์ƒํƒœ ๋ฐ ์กฐ์น˜ ์ถœ๋ ฅ
88
  display_status_and_action(selected_text)
89