Maryam Ilka commited on
Commit
ff958b9
·
verified ·
1 Parent(s): 200d77c

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +42 -38
app.py CHANGED
@@ -28,7 +28,7 @@ st.markdown("""
28
  --text: #333333;
29
  --background: #ffffff;
30
  --border: #dddddd;
31
- --input-bg: #f8f9fa;
32
  }
33
 
34
  * {
@@ -43,15 +43,15 @@ st.markdown("""
43
  color: var(--text) !important;
44
  }
45
 
46
- /* باکس‌های ورودی - اصلاح شده برای دموگرافیک */
47
- div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > div > div > input,
48
  .stTextInput input,
49
  .stNumberInput input,
50
  .stSelectbox select,
51
  .stTextArea textarea,
52
  .stDateInput input,
53
  .stTimeInput input,
54
- .stMultiSelect div[role="combobox"] {
 
55
  color: var(--text) !important;
56
  background-color: var(--input-bg) !important;
57
  border: 1px solid var(--border) !important;
@@ -59,31 +59,21 @@ st.markdown("""
59
  padding: 8px 12px !important;
60
  }
61
 
62
- /* دکمه ادامه در دموگرافیک - اصلاح شده */
63
- div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button {
64
- background-color: var(--primary) !important;
65
- color: white !important;
66
- border: none !important;
67
- border-radius: 8px !important;
68
- padding: 10px 24px !important;
69
- font-weight: bold !important;
70
- margin-top: 20px !important;
71
- }
72
-
73
- /* دکمه‌های اصلی */
74
  .stButton>button,
75
  [data-testid="baseButton-primary"],
76
- .accept-btn {
 
77
  background-color: var(--primary) !important;
78
  color: white !important;
79
  border: none !important;
80
  border-radius: 8px !important;
81
  padding: 10px 20px !important;
82
  font-weight: bold !important;
83
- transition: all 0.3s ease;
84
  }
85
 
86
- /* دکمه‌های ثانویه */
87
  .stFormSubmitButton>button,
88
  [data-testid="baseButton-secondary"],
89
  .reject-btn {
@@ -93,26 +83,28 @@ st.markdown("""
93
  border-radius: 8px !important;
94
  padding: 10px 20px !important;
95
  font-weight: bold !important;
96
- transition: all 0.3s ease;
97
  }
98
 
99
- /* استایل explanation در مپ ویو - اصلاح شده */
100
- .explanation-title {
 
 
 
 
 
 
101
  color: var(--primary) !important;
102
- font-weight: bold !important;
103
- margin: 20px 0 10px 0 !important;
104
- font-size: 18px !important;
105
  }
106
 
107
- .explanation-item {
108
- background-color: var(--input-bg) !important;
109
- border-radius: 8px !important;
110
- padding: 12px 15px !important;
111
- margin: 8px 0 !important;
112
- border-right: 3px solid var(--primary) !important;
113
  }
114
 
115
- /* کامپوننت‌های سفارشی شما */
116
  .rahyar-header {
117
  background-color: var(--primary) !important;
118
  color: white !important;
@@ -123,7 +115,7 @@ st.markdown("""
123
  }
124
 
125
  .price-container {
126
- background-color: var(--input-bg) !important;
127
  border-radius: 10px !important;
128
  padding: 15px !important;
129
  margin: 15px 0 !important;
@@ -136,6 +128,23 @@ st.markdown("""
136
  font-weight: bold !important;
137
  }
138
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
139
  /* غیرفعال کردن کامل تم تاریک */
140
  .st-emotion-cache-1v0mbdj,
141
  .st-emotion-cache-1pbsqtx,
@@ -149,11 +158,6 @@ st.markdown("""
149
  .folium-map {
150
  height: 500px !important;
151
  }
152
-
153
- .stTextInput input,
154
- .stNumberInput input {
155
- color: var(--text) !important;
156
- }
157
  }
158
 
159
  /* تنظیمات مخصوص موبایل */
 
28
  --text: #333333;
29
  --background: #ffffff;
30
  --border: #dddddd;
31
+ --input-bg: #ffffff; /* تغییر به سفید */
32
  }
33
 
34
  * {
 
43
  color: var(--text) !important;
44
  }
45
 
46
+ /* باکس‌های ورودی - اصلاح شده */
 
47
  .stTextInput input,
48
  .stNumberInput input,
49
  .stSelectbox select,
50
  .stTextArea textarea,
51
  .stDateInput input,
52
  .stTimeInput input,
53
+ .stMultiSelect div[role="combobox"],
54
+ div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > div > div > input {
55
  color: var(--text) !important;
56
  background-color: var(--input-bg) !important;
57
  border: 1px solid var(--border) !important;
 
59
  padding: 8px 12px !important;
60
  }
61
 
62
+ /* دکمههای اصلی - اصلاح شده */
 
 
 
 
 
 
 
 
 
 
 
63
  .stButton>button,
64
  [data-testid="baseButton-primary"],
65
+ .accept-btn,
66
+ div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button {
67
  background-color: var(--primary) !important;
68
  color: white !important;
69
  border: none !important;
70
  border-radius: 8px !important;
71
  padding: 10px 20px !important;
72
  font-weight: bold !important;
73
+ margin-top: 20px !important;
74
  }
75
 
76
+ /* دکمه‌های ثانویه - اصلاح شده */
77
  .stFormSubmitButton>button,
78
  [data-testid="baseButton-secondary"],
79
  .reject-btn {
 
83
  border-radius: 8px !important;
84
  padding: 10px 20px !important;
85
  font-weight: bold !important;
 
86
  }
87
 
88
+ /* دکمه‌های درخواست و رد راهیار - اصلاح شده */
89
+ .accept-btn, .reject-btn {
90
+ color: white !important;
91
+ background-color: var(--primary) !important;
92
+ border: none !important;
93
+ }
94
+
95
+ .reject-btn {
96
  color: var(--primary) !important;
97
+ background-color: white !important;
98
+ border: 1px solid var(--primary) !important;
 
99
  }
100
 
101
+ /* سوالات - اصلاح شده */
102
+ .stMarkdown h2, .stMarkdown h3, .stMarkdown p,
103
+ .stRadio > label, .stCheckbox > label {
104
+ color: var(--text) !important;
 
 
105
  }
106
 
107
+ /* کامپوننت‌های سفارشی */
108
  .rahyar-header {
109
  background-color: var(--primary) !important;
110
  color: white !important;
 
115
  }
116
 
117
  .price-container {
118
+ background-color: #f8f9fa !important;
119
  border-radius: 10px !important;
120
  padding: 15px !important;
121
  margin: 15px 0 !important;
 
128
  font-weight: bold !important;
129
  }
130
 
131
+ /* استایل explanation در مپ ویو */
132
+ .explanation-title {
133
+ color: var(--primary) !important;
134
+ font-weight: bold !important;
135
+ margin: 20px 0 10px 0 !important;
136
+ font-size: 18px !important;
137
+ }
138
+
139
+ .explanation-item {
140
+ background-color: #f8f9fa !important;
141
+ border-radius: 8px !important;
142
+ padding: 12px 15px !important;
143
+ margin: 8px 0 !important;
144
+ border-right: 3px solid var(--primary) !important;
145
+ color: var(--text) !important;
146
+ }
147
+
148
  /* غیرفعال کردن کامل تم تاریک */
149
  .st-emotion-cache-1v0mbdj,
150
  .st-emotion-cache-1pbsqtx,
 
158
  .folium-map {
159
  height: 500px !important;
160
  }
 
 
 
 
 
161
  }
162
 
163
  /* تنظیمات مخصوص موبایل */