Update app.py

app.py

@@ -100,25 +100,13 @@ def create_gradio_interface():
         gr.HTML(custom_css)  # Embed the custom CSS
         with gr.Tab("Generate QR Code"):
             generate_interface.render()
+            qr_code_output = generate_interface.outputs[0]
             download_button = gr.Button("Download QR Code")
-            download_button.click(fn=lambda x: download_qr_code(x), inputs="Generated QR Code", outputs=None)
+            download_button.click(fn=download_qr_code, inputs=[qr_code_output], outputs=None)
         with gr.Tab("Read QR Code"):
             read_interface.render()
+            decoded_data_output = read_interface.outputs[0]
             copy_button = gr.Button("Copy to Clipboard")
-            copy_button.click(fn=lambda x: copy_to_clipboard(x), inputs="Decoded Data", outputs=None)
+            copy_button.click(fn=copy_to_clipboard, inputs=[decoded_data_output], outputs=None)
 
     demo.launch(share=True)
-
-custom_css = """
-<style>
-    body {background-color: #1e1e2f; font-family: Arial, sans-serif; color: #e0e0e0;}
-   .gradio-container {max-width: 600px; margin: auto; padding: 20px; background-color: #2c2c3e; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);}
-    h1, h2 {text-align: center; color: #f0f0f0; font-weight: 600;}
-   .gr-button {background-color: #3a3a4f; color: #e0e0e0; padding: 10px 20px; border-radius: 5px; font-size: 15px; border: none;}
-   .gr-button:hover {background-color: #505068;}
-    input, textarea,.gr-box {background-color: #3a3a4f; border: 1px solid #555; border-radius: 5px; padding: 10px; font-size: 14px; color: #e0e0e0;}
-   .gr-box:hover, input:hover, textarea:hover {border-color: #777;}
-</style>
-"""
-
-create_gradio_interface()