ISOM5240GP4 commited on
Commit
318aea1
·
verified ·
1 Parent(s): 12f1d61

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +15 -12
app.py CHANGED
@@ -150,7 +150,7 @@ Sarah
150
  else:
151
  st.write(st.session_state.result)
152
 
153
- # Inject custom CSS (matching your working version for primary button)
154
  st.markdown("""
155
  <style>
156
  /* Sample buttons (light grey, small) */
@@ -162,7 +162,7 @@ Sarah
162
  border: 1px solid #cccccc;
163
  border-radius: 3px;
164
  }
165
- /* Analyze Email button (orange, larger, matching your working code) */
166
  div.stButton > button[kind="primary"] {
167
  background-color: #FF5733;
168
  color: white;
@@ -175,36 +175,39 @@ Sarah
175
  div.stButton > button[kind="primary"]:hover {
176
  background-color: #E74C3C;
177
  }
178
- /* Clear button (blue as requested) */
179
  div.stButton > button[kind="secondary"][key="clear"] {
180
  background-color: #007BFF;
181
  color: white;
182
- font-size: 16px;
183
- padding: 10px 20px;
184
  border: none;
185
  border-radius: 5px;
186
  }
187
  div.stButton > button[kind="secondary"][key="clear"]:hover {
188
  background-color: #0056b3;
189
  }
190
- /* Result boxes (from your working code) */
191
  .spam-result {
192
- background-color: #ffcccc;
 
193
  padding: 10px;
194
  border-radius: 5px;
195
- border: 1px solid #ff9999;
196
  }
197
  .positive-result {
198
- background-color: #ccffcc;
 
199
  padding: 10px;
200
  border-radius: 5px;
201
- border: 1px solid #99cc99;
202
  }
203
  .negative-result {
204
- background-color: #fff3cc;
 
205
  padding: 10px;
206
  border-radius: 5px;
207
- border: 1px solid #ffcc66;
208
  }
209
  </style>
210
  """, unsafe_allow_html=True)
 
150
  else:
151
  st.write(st.session_state.result)
152
 
153
+ # Inject custom CSS with updated result block colors
154
  st.markdown("""
155
  <style>
156
  /* Sample buttons (light grey, small) */
 
162
  border: 1px solid #cccccc;
163
  border-radius: 3px;
164
  }
165
+ /* Analyze Email button (orange, larger) */
166
  div.stButton > button[kind="primary"] {
167
  background-color: #FF5733;
168
  color: white;
 
175
  div.stButton > button[kind="primary"]:hover {
176
  background-color: #E74C3C;
177
  }
178
+ /* Clear button (blue) */
179
  div.stButton > button[kind="secondary"][key="clear"] {
180
  background-color: #007BFF;
181
  color: white;
182
+ font-size: 18px;
183
+ padding: 12px 24px;
184
  border: none;
185
  border-radius: 5px;
186
  }
187
  div.stButton > button[kind="secondary"][key="clear"]:hover {
188
  background-color: #0056b3;
189
  }
190
+ /* Result boxes: Red for no follow-up, Green for follow-up */
191
  .spam-result {
192
+ background-color: #ff3333; /* Red for no follow-up */
193
+ color: white;
194
  padding: 10px;
195
  border-radius: 5px;
196
+ border: 1px solid #cc0000;
197
  }
198
  .positive-result {
199
+ background-color: #ff3333; /* Red for no follow-up */
200
+ color: white;
201
  padding: 10px;
202
  border-radius: 5px;
203
+ border: 1px solid #cc0000;
204
  }
205
  .negative-result {
206
+ background-color: #33cc33; /* Green for follow-up needed */
207
+ color: white;
208
  padding: 10px;
209
  border-radius: 5px;
210
+ border: 1px solid #009900;
211
  }
212
  </style>
213
  """, unsafe_allow_html=True)