Update app.py

app.py

@@ -78,16 +78,22 @@ footer {display: none !important}
     max-width: 100% !important;
     overflow: hidden !important;
 }
+#gallery > div {
+    width: 100% !important;
+    max-width: none !important;
+    transform: scale(2) !important;
+    transform-origin: left top !important;
+}
 .gallery-container {
     display: grid !important;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
+    grid-template-columns: repeat(5, 1fr) !important;
     gap: 16px !important;
     padding: 16px !important;
     background: rgba(255, 255, 255, 0.05);
     border-radius: 8px;
     margin-top: 10px;
     width: 100% !important;
-    max-width: 100% !important;
+    max-width: none !important;
     box-sizing: border-box !important;
 }
 /* Force gallery items to maintain aspect ratio */
@@ -257,7 +263,6 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                 elem_classes=["output-image", "fixed-width"]
             )
 
-    
             gallery = gr.Gallery(
                 label="Generated Images Gallery",
                 show_label=True,
@@ -267,9 +272,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                 height="auto",
                 object_fit="cover",
                 elem_classes=["gallery-container", "fixed-width"]
-            )
-            
-
+            )    
 
             
             # Load existing gallery images on startup