Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -150,7 +150,7 @@ Sarah
|
|
| 150 |
else:
|
| 151 |
st.write(st.session_state.result)
|
| 152 |
|
| 153 |
-
# Inject custom CSS
|
| 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
|
| 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
|
| 179 |
div.stButton > button[kind="secondary"][key="clear"] {
|
| 180 |
background-color: #007BFF;
|
| 181 |
color: white;
|
| 182 |
-
font-size:
|
| 183 |
-
padding:
|
| 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
|
| 191 |
.spam-result {
|
| 192 |
-
background-color: #
|
|
|
|
| 193 |
padding: 10px;
|
| 194 |
border-radius: 5px;
|
| 195 |
-
border: 1px solid #
|
| 196 |
}
|
| 197 |
.positive-result {
|
| 198 |
-
background-color: #
|
|
|
|
| 199 |
padding: 10px;
|
| 200 |
border-radius: 5px;
|
| 201 |
-
border: 1px solid #
|
| 202 |
}
|
| 203 |
.negative-result {
|
| 204 |
-
background-color: #
|
|
|
|
| 205 |
padding: 10px;
|
| 206 |
border-radius: 5px;
|
| 207 |
-
border: 1px solid #
|
| 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)
|