Update app.py

app.py

@@ -83,36 +83,36 @@ def transcribe_file(audio_upload, language):
 
 css_content = """
 .popup-overlay {
-    position: fixed !important;
-    top: 0 !important;
-    left: 0 !important;
-    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;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background: rgba(0, 0, 0, 0.6);
+    z-index: 10000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .popup-box {
-    background-color: white !important;
-    padding: 20px !important;
-    border-radius: 10px !important;
-    box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
-    width: 340px !important;
-    text-align: center !important;
-    z-index: 10000 !important;
+    background-color: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 0 20px rgba(0,0,0,0.3);
+    width: 360px;
+    text-align: center;
+    z-index: 10001;
 }
 
 .popup-button {
-    background-color: #5b65a7 !important;
-    color: white !important;
-    padding: 10px 20px !important;
-    border-radius: 8px !important;
-    margin-top: 10px !important;
-    border: none !important;
-    cursor: pointer !important;
+    background-color: #5b65a7;
+    color: white;
+    padding: 10px 20px;
+    border-radius: 8px;
+    margin-top: 10px;
+    border: none;
+    cursor: pointer;
 }
 /*
 .popup-button:hover {
@@ -207,17 +207,18 @@ button.selected::after{
 with gr.Blocks(css=css_content) as demo:
     show_btn = gr.Button("Show Popup")
 
+    # The overlay layer
     popup = gr.Column(visible=False, elem_classes=["popup-overlay"])
     with popup:
         with gr.Column(elem_classes=["popup-box"]):
             gr.Markdown("""
-            ### ℹ️ Notice  
-            The recordings are not saved and are automatically removed.
+                ### ℹ️ Notice  
+                The recordings are not saved and are automatically removed.
             """)
-            close_btn = gr.Button("OK", elem_classes=["popup-button"])
+            ok_btn = gr.Button("OK", elem_classes=["popup-button"])
 
     show_btn.click(show_popup, outputs=popup)
-    close_btn.click(hide_popup, outputs=popup)
+    ok_btn.click(hide_popup, outputs=popup)
 
 demo.launch()