Maryam Ilka commited on
Commit
44a08d6
·
verified ·
1 Parent(s): 019a41d

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +24 -11
app.py CHANGED
@@ -105,20 +105,32 @@ st.markdown("""
105
  margin: 10px 0;
106
  padding-right: 15px;
107
  border-right: 3px solid #6a0dad;
 
108
 
109
- .fake-btn {
110
  background-color: #6a0dad !important;
111
- color: #6a0dad !important;
112
  border: none !important;
113
- padding: 12px 24px !important;
114
- border-radius: 8px !important;
115
  font-weight: bold !important;
 
116
  cursor: pointer;
117
- transition: transform 0.2s;
 
 
 
 
 
118
  }
119
- .fake-btn:active {
120
- transform: scale(0.95);
 
 
121
  }
 
 
 
122
  }
123
  </style>
124
  """, unsafe_allow_html=True)
@@ -309,8 +321,9 @@ def scenario_explanation():
309
  if st.session_state.scenario_type == "control":
310
  st.markdown("""
311
  <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
312
- <p>شما قصد دارید سفری را از مبدأ میدان ونک به مقصد میدان تجریش درخواست کنید.</p>
313
- <p>قیمت پیشنهادی این سفر 200,000 تومان است.</p>
 
314
  </div>
315
  """, unsafe_allow_html=True)
316
  else:
@@ -356,8 +369,8 @@ def map_view():
356
 
357
 
358
  st.markdown("""
359
- <div style="text-align: center;">
360
- <button class="fake-btn">درخواست راهیار</button>
361
  </div>
362
  """, unsafe_allow_html=True)
363
 
 
105
  margin: 10px 0;
106
  padding-right: 15px;
107
  border-right: 3px solid #6a0dad;
108
+ }
109
 
110
+ .rahyar-button {
111
  background-color: #6a0dad !important;
112
+ color: white !important;
113
  border: none !important;
114
+ padding: 14px 28px !important;
115
+ border-radius: 12px !important;
116
  font-weight: bold !important;
117
+ font-size: 16px !important;
118
  cursor: pointer;
119
+ transition: all 0.3s ease;
120
+ display: block;
121
+ margin: 0 auto;
122
+ width: 80%;
123
+ max-width: 300px;
124
+ box-shadow: 0 4px 8px rgba(0,0,0,0.1);
125
  }
126
+ .rahyar-button:hover {
127
+ background-color: #7b1fa2 !important;
128
+ transform: translateY(-2px);
129
+ box-shadow: 0 6px 12px rgba(0,0,0,0.15);
130
  }
131
+ .rahyar-button:active {
132
+ transform: scale(0.98) translateY(0);
133
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
134
  }
135
  </style>
136
  """, unsafe_allow_html=True)
 
321
  if st.session_state.scenario_type == "control":
322
  st.markdown("""
323
  <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
324
+ <p>فرض کنید یک اپلیکیشن حمل‌ونقل آنلاین ایرانی به اسم رهیار طراحی شده، چیزی شبیه اسنپ یا تپسی، اما جدیدتر و با شعار مراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار"</p>
325
+ <p>در یک روز عادی، شما قصد دارید برای سفری از طریق این پلتفرم اقدام کنید..</p>
326
+ <p>با کلیک بر دکمه ادامه، اطلاعات سفر را مشاهده کنید.</p>
327
  </div>
328
  """, unsafe_allow_html=True)
329
  else:
 
369
 
370
 
371
  st.markdown("""
372
+ <div style="text-align: center; margin: 30px 0;">
373
+ <button class="rahyar-button">درخواست راهیار</button>
374
  </div>
375
  """, unsafe_allow_html=True)
376