GSMEthesis commited on
Commit
220d9e4
·
verified ·
1 Parent(s): 3b44fe1

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +43 -2
app.py CHANGED
@@ -820,7 +820,7 @@ def enhanced_likert_scale(question_data):
820
  st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl;'>پاسخ شما: هنوز انتخاب نشده</p>",
821
  unsafe_allow_html=True)
822
 
823
- # خط جداکننده بنفش
824
  st.markdown("""
825
  <style>
826
  .likert-separator {
@@ -830,17 +830,58 @@ def enhanced_likert_scale(question_data):
830
  margin: 20px auto;
831
  direction: rtl;
832
  }
 
833
  @media (max-width: 768px) {
834
  .likert-separator {
835
  width: 90%;
836
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
837
  }
838
  </style>
839
  <div class="likert-separator"></div>
840
  """, unsafe_allow_html=True)
841
 
842
  return st.session_state.get(key)
843
-
844
 
845
  def create_ride_map():
846
  """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
 
820
  st.markdown(f"<p style='text-align:right; color:#6a0dad; direction: rtl;'>پاسخ شما: هنوز انتخاب نشده</p>",
821
  unsafe_allow_html=True)
822
 
823
+ # خط جداکننده بنفش و تنظیم چیدمان
824
  st.markdown("""
825
  <style>
826
  .likert-separator {
 
830
  margin: 20px auto;
831
  direction: rtl;
832
  }
833
+ /* اجبار به چیدمان افقی در موبایل */
834
  @media (max-width: 768px) {
835
  .likert-separator {
836
  width: 90%;
837
  }
838
+ [data-testid="stHorizontalBlock"] {
839
+ display: flex !important;
840
+ flex-direction: row !important;
841
+ justify-content: center !important;
842
+ align-items: center !important;
843
+ }
844
+ button {
845
+ margin: 0 2px !important;
846
+ width: 30px !important;
847
+ height: 30px !important;
848
+ border-radius: 50% !important;
849
+ padding: 0 !important;
850
+ text-align: center !important;
851
+ line-height: 30px !important;
852
+ }
853
+ }
854
+ /* تنظیم مرکزیت در فریم موبایل (475px) */
855
+ @media (min-width: 768px) {
856
+ [data-testid="stAppViewContainer"] [data-testid="stHorizontalBlock"] {
857
+ justify-content: center !important;
858
+ width: 475px !important;
859
+ margin: 0 auto !important;
860
+ }
861
+ button {
862
+ margin: 0 5px !important;
863
+ width: 30px !important;
864
+ height: 30px !important;
865
+ border-radius: 50% !important;
866
+ padding: 0 !important;
867
+ text-align: center !important;
868
+ line-height: 30px !important;
869
+ }
870
+ }
871
+ button {
872
+ background-color: #fff !important;
873
+ border: 2px solid #6a0dad !important;
874
+ color: #6a0dad !important;
875
+ }
876
+ button:disabled {
877
+ background-color: #6a0dad !important;
878
+ color: #fff !important;
879
  }
880
  </style>
881
  <div class="likert-separator"></div>
882
  """, unsafe_allow_html=True)
883
 
884
  return st.session_state.get(key)
 
885
 
886
  def create_ride_map():
887
  """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""