Update app.py

app.py

@@ -89,22 +89,20 @@ css_content = """
     width: 100vw !important;
     height: 100vh !important;
     background: rgba(0, 0, 0, 0.5) !important;
+    z-index: 9999 !important;
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
-    z-index: 9999 !important;
-    pointer-events: auto !important;
 }
 
 .popup-box {
     background-color: white !important;
     padding: 20px !important;
     border-radius: 10px !important;
-    width: 300px !important;
-    text-align: center !important;
-    position: relative !important;
-    pointer-events: auto !important;
     box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
+    width: 340px !important;
+    text-align: center !important;
+    z-index: 10000 !important;
 }
 
 .popup-button {
@@ -112,14 +110,15 @@ css_content = """
     color: white !important;
     padding: 10px 20px !important;
     border-radius: 8px !important;
+    margin-top: 10px !important;
     border: none !important;
     cursor: pointer !important;
-    pointer-events: auto !important;
 }
-
+/*
 .popup-button:hover {
     background-color: #3c4687 !important;
 }
+/*
 
 /*
 .gradio-container{
@@ -206,14 +205,19 @@ button.selected::after{
 
 
 with gr.Blocks(css=css_content) as demo:
-    btn_show = gr.Button("Show Popup")
-    popup = gr.Column(visible=False, elem_classes="popup-overlay")
+    show_btn = gr.Button("Show Popup")
+
+    popup = gr.Column(visible=False, elem_classes=["popup-overlay"])
     with popup:
-        with gr.Column(elem_classes="popup-box"):
-            gr.Markdown("### This is a popup!")
-            btn_close = gr.Button("Close")
-    btn_show.click(fn=show_popup, outputs=popup)
-    btn_close.click(fn=hide_popup, outputs=popup)
+        with gr.Column(elem_classes=["popup-box"]):
+            gr.Markdown("""
+            ### ℹ️ Notice  
+            The recordings are not saved and are automatically removed.
+            """)
+            close_btn = gr.Button("OK", elem_classes=["popup-button"])
+
+    show_btn.click(show_popup, outputs=popup)
+    close_btn.click(hide_popup, outputs=popup)
 
 demo.launch()