Update app.py
Browse files
app.py
CHANGED
|
@@ -16,6 +16,14 @@ st.markdown("""
|
|
| 16 |
<style>
|
| 17 |
/* CSS แก้ปัญหาการสั่นของหน้าจอแบบเด็ดขาด */
|
| 18 |
/* CSS แก้ปัญหาหน้าเว็บสั่นแบบ Reflow Loop */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
html, body, .stApp {
|
| 20 |
overflow-x: hidden !important;
|
| 21 |
}
|
|
@@ -352,6 +360,7 @@ with col_main:
|
|
| 352 |
|
| 353 |
st.progress((st.session_state.fill_step + 1) / total_anim_steps)
|
| 354 |
|
|
|
|
| 355 |
col_anim1, col_anim2 = st.columns([1, 1])
|
| 356 |
with col_anim1:
|
| 357 |
st.image(draw_pulse_sequence(st.session_state.fill_step, total_anim_steps), use_container_width=True)
|
|
|
|
| 16 |
<style>
|
| 17 |
/* CSS แก้ปัญหาการสั่นของหน้าจอแบบเด็ดขาด */
|
| 18 |
/* CSS แก้ปัญหาหน้าเว็บสั่นแบบ Reflow Loop */
|
| 19 |
+
/* ล็อกความสูงของรูปภาพทุกรูปป้องกันจอกระตุกจากการโหลดภาพใหม่ */
|
| 20 |
+
[data-testid="stImage"] {
|
| 21 |
+
min-height: 400px;
|
| 22 |
+
display: flex;
|
| 23 |
+
align-items: center;
|
| 24 |
+
justify-content: center;
|
| 25 |
+
}
|
| 26 |
+
|
| 27 |
html, body, .stApp {
|
| 28 |
overflow-x: hidden !important;
|
| 29 |
}
|
|
|
|
| 360 |
|
| 361 |
st.progress((st.session_state.fill_step + 1) / total_anim_steps)
|
| 362 |
|
| 363 |
+
# ถอด st.empty ออกให้หมดเพื่อให้ Streamlit จัดการ Layout ปกติ ภาพจะไม่กระโดดยุบตัว
|
| 364 |
col_anim1, col_anim2 = st.columns([1, 1])
|
| 365 |
with col_anim1:
|
| 366 |
st.image(draw_pulse_sequence(st.session_state.fill_step, total_anim_steps), use_container_width=True)
|