Update app.py

app.py

@@ -14,6 +14,7 @@ from datetime import datetime
 import sqlite3
 from datetime import datetime
 
+
 # Initialize the database
 def init_db(file='logs.db'):
     conn = sqlite3.connect(file)
@@ -215,6 +216,39 @@ def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Ka
         print(f"Error when trying to open the image: {e}")
         return None, None, None
 
+js_code = """
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const accordion = document.querySelector('.gr-accordion');  // Adjust selector based on accordion class
+        const container = document.querySelector('.gradio-container');
+
+        function adjustBackground() {
+            if (accordion && accordion.hasAttribute('open')) {
+                container.style.backgroundSize = '900px 2100px';  // When accordion is open
+            } else {
+                container.style.backgroundSize = '900px 880px';  // When accordion is closed
+            }
+        }
+
+        // Attach event listener to the accordion toggle
+        accordion.addEventListener('click', function() {
+            setTimeout(adjustBackground, 100);  // Delay to allow accordion to fully open/close
+        });
+
+        // Initial background size based on initial state
+        adjustBackground();
+    });
+</script>
+"""
+  
+title_html="""
+    <center>
+        <div id="title-container">
+            <h1 id="title-text">FLUX Capacitor</h1>
+        </div>
+    </center>
+"""
+
 css = """
 .gradio-container {
     background: url(https://huggingface.co/spaces/K00B404/FLUX.1-Dev-Serverless-darn-enhanced-prompt/resolve/main/edge.png);
@@ -284,13 +318,8 @@ css = """
 
 
 with gr.Blocks(theme='Nymbo/Nymbo_Theme', css=css) as app:
-    gr.HTML("""
-        <center>
-            <div id="title-container">
-                <h1 id="title-text">FLUX Capacitor</h1>
-            </div>
-        </center>
-    """)
+    
+    gr.HTML(title_html + js_code) # title html and stretch background script
 
     with gr.Column(elem_id="app-container"):
         with gr.Row():