update css

.gitignore

@@ -0,0 +1 @@
+.env

app.py

@@ -51,7 +51,12 @@ def on_run(image, ptxt, social, agent_name, agent_phone,
     )
     return json.dumps(payload, indent=2)
 
-with gr.Blocks(title="Image + Text Compliance Check") as demo:
+css = """
+.compliant { background-color: green; color: white; }
+.not-compliant { background-color: red; color: white; }
+"""
+
+with gr.Blocks(title="Image + Text Compliance Check", css=css) as demo:
     gr.Markdown("# Image + Text Compliance Check")
 
     with gr.Row():
@@ -87,7 +92,7 @@ with gr.Blocks(title="Image + Text Compliance Check") as demo:
     with gr.Row():
         fair_housing_out = gr.Textbox(label="Fair Housing", interactive=False)
         ptxt_out = gr.Textbox(label="Post Text", interactive=False)
-        img_out = gr.Textbox(label="Image Text", interactive=False)
+1        img_out = gr.Textbox(label="Image Text", interactive=False)
 
     def update_results(results_json):
         results = json.loads(results_json)
@@ -99,24 +104,15 @@ with gr.Blocks(title="Image + Text Compliance Check") as demo:
         return {
             fair_housing_out: gr.update(
                 value="Compliant" if fh_compliant else "Not Compliant",
-                style={
-                    "background-color": "green" if fh_compliant else "red",
-                    "color": "white",
-                }
+                elem_classes="compliant" if fh_compliant else "not-compliant"
             ),
             ptxt_out: gr.update(
                 value="Compliant" if ptxt_compliant else "Not Compliant",
-                style={
-                    "background-color": "green" if ptxt_compliant else "red",
-                    "color": "white",
-                }
+                elem_classes="compliant" if ptxt_compliant else "not-compliant"
             ),
             img_out: gr.update(
                 value="Compliant" if img_compliant else "Not Compliant",
-                style={
-                    "background-color": "green" if img_compliant else "red",
-                    "color": "white",
-                }
+                elem_classes="compliant" if img_compliant else "not-compliant"
             )
         }